Pagespeed optimization

我隨手用 search engine 揾倒一間個名改得好靚嘅網頁設計公司,自己提供埋 hosting 服務,話自己用 PCCW gigabit 光纖,全 dell server,但網頁嘅反應完全唔對板,甚至出現過慢而 time-out 嘅情況。網頁嘅 loading speed 只會影響 search engine ranking 唔到 0.4%,但會嚴重影響用者嘅感受。Google 有個 Pagespeed insights 嘅網站,同相關嘅 Chrome extension 可以評估網站同 server 喺速度上有無做好 optimization,提供左好多議建比 web developer 去改善網站嘅速度。另外仲有 Pingdom Speed Test 加入評分作為參考。

 

pingdom-speed-test

 

愈大型愈多資料,功能愈强大以系統形式建立嘅網站,因為復雜度高,同埋用左好多 open source,往往需要用幾十個 plugin,一定會比 static HTML 無 database 嘅網頁慢;功能同速度係互相 trade-off。但因為新一代嘅 broswer 相當著重速度,除住科技不斷進步,網絡速度不斷提升,硬件同網頁技術都提供唔少方法將網站加速,對於復雜度愈高嘅網站,pagespeed optimization 就愈重要。

 

由選擇 web hosting 公司開始,用新型嘅 SSD 取代傳統機械式硬碟對 web server 同 database 嘅速度會有非常明顯幫助。之後係 web server configuration,例如 set cache expire 時間長短。跟住最大影響係成個網站設計嘅好壞,圖片加埋 script 平均每頁可以有 1MB。如果用 WordPress 之類嘅 CMS,會比純 HTML 慢,因為 web server 每頁都需要由 PHP  render 為 HTML,而 WP Super Cache 依類 plugin 就係預先 cache 起已經 render 左嘅 HTML,大幅減低 web server 同 database 嘅負擔,令速度同用純 HTML 寫嘅網站差唔多。

Reference:


Related posts: