網站優化可以從狹義和廣義兩個方面來理解:狹義的網站優化,即搜索引擎優化(SEO),也就是讓網站設計適合搜索引擎檢索,滿足搜索引擎排名的指標,從而使網站在搜索引擎檢索時排名靠前,增強搜索引擎營銷的效果。而廣義的網站優化所考慮的因素不僅僅是搜索引擎,也包括充分滿足用戶的需求特征、清晰的網站導航、完善的線上幫助等,在此基礎上使網站功能和信息發揮應有的效果。【資料來源:MAB智庫百科

 

網頁效能優化也有分?

在這分秒必爭的資訊時代,我們的認知總是認為:一個網站的快慢來自於「網速」這件事情,但我們是否該有所跳脫,將可控的因素做些轉化呢?網站的內容會隨著時間越來越詳細、豐富,所需要傳送的資料也會日益增加,這些在往後皆是影響傳輸資料的速度、增加載入時間的一大因素。然而在確保網速最佳的狀況下,我們還能做什麼?

沒錯,是「網站優化」!

 

content curation

網站效能優化

網站優化很重要,每個瀏覽者在造訪網站的同時,都希望能在網站中能夠找尋一些問題的答案,抑或是想完成某些事。但若在瀏覽的過程中造成使用者經驗不佳,整體網站的價值將失去。網站性能的優化是一個很綜合的話題,然而在這邊也分為前端與後端。

關於前端部分,當瀏覽者在造訪網頁的等待時間,約有80%是發生在瀏覽器前端,特別是頁面和頁面中各種元素(圖片、CSS、Javascript、 flash…)的下載之上。因此很多時候,相對於把大量的時間花在艱苦而繁雜的程式改寫上,前端的優化往往較為事半功倍一些。而前端可解決、避免,我們所造成伺服器和頻寬資源的浪費,但隨著網站造訪量增加,僅靠前端優化已經不能解決所有問題了!後端所要處理的能力、程式運作的效率、及系統的可擴展性...等,都將會成為影響網站性能和穩定的關鍵瓶頸所在。

多圖檔、重loading,優化後一身輕

食力可謂是一個載量極大的網站,在影像傳播的需求與力道,可由人手一支宛如縮小版個人電腦的智慧型手機得知是非常大量的。在面對多元、量大的圖像影片,需佈達於各式各樣的行動載具,對網站後台管理人員而言:同一張圖片須同時上傳【永久保存檔】、【縮圖影像檔】或【網路瀏覽檔】三種檔案,這是非常耗時費工,但,也因為看見這樣的需求是需要被體諒的,因此在系統中寫入了「自適化切割圖片」功能,讓網站管理人在做圖片上稿時,只需超操作一次,而這張照片將被擷取相應所需的圖片大小,供予不同的載具版型使用。

 

content curation

一圖多切割,「自適應」的出版各處,使上稿人員不再耗時裁切。

同時我們也針對這個專案規劃數個API(Application Programming Interface, 應用程式介面)接口,在接口處理資料的I/O(Input/Output, 輸出入)並進行緩存,避免頻繁對資料庫進行資料存取,有效降低伺服器回應時間與負載。同時也結合了動態放送技術RESS(Responsive Design + Server Side Components),對於網頁瀏覽量擴增迅速的網站來說,可有效降低網站回應速度(Page Speed)龜速的機率。

結語

很多時候將專案的解決之道,做一換位思考,讓可用的方法不輕易被侷限。站在已知上,開拓未知,這是身為一產業內的專業者該有的使命。

延伸閱讀