網站速度優化實戰:點樣令香港客戶唔會等到走咗

網站速度優化實戰:點樣令香港客戶唔會等到走咗

香港人做嘢急,上網一樣冇耐性。研究顯示手機網站載入超過三秒,超過一半訪客會直接撳返上一頁。你花咗幾萬蚊做個靚網站,如果慢到用戶走晒,其實等於冇做過。呢篇文用返實際數字同工具,講清楚點樣由零開始優化一個香港中小企網站嘅速度。

一、先量度,唔好靠感覺

好多老闆話「我部電話開得好快喎」,但你自己開嘅時候瀏覽器已經有 cache,同新訪客嘅體驗差好遠。應該用 Google PageSpeed Insights 同 GTmetrix 測試,重點睇三個 Core Web Vitals 指標:LCP(最大內容繪製,要少於 2.5 秒)、INP(互動反應,要少於 200 毫秒)、CLS(版面偏移,要少於 0.1)。記住揀「Mobile」同埋香港附近嘅測試節點,數據先貼近真實。

二、圖片幾乎一定係元兇

八成慢網站嘅問題都出喺圖片。常見情況係設計師直接上載相機出嘅 4000px JPG,一張成三四 MB。做法好簡單:所有圖片先 resize 到實際顯示尺寸嘅兩倍以內,然後轉做 WebP 格式,體積通常慢慢細到原本嘅三分之一。WordPress 可以裝 ShortPixel 或者 Imagify 自動處理。另外記住為 first screen 以外嘅圖片開 lazy loading,而 logo、hero image 就唔好 lazy,否則 LCP 反而變差。

三、主機同 CDN:香港網站嘅關鍵抉擇

如果你嘅客戶主要喺香港,但網站放喺美國主機,單單網絡來回已經蝕咗二三百毫秒。理想做法係揀香港、新加坡或者台灣機房,再加 Cloudflare 之類嘅 CDN,令靜態檔案由最近節點供應。留意平價 shared hosting 就算機房喺香港,如果同一部伺服器塞咗幾百個網站,TTFB 一樣可以慢到成秒,寧願用多幾百蚊一個月揀 VPS 或者較好嘅 managed hosting。

四、外掛同追蹤碼要減肥

好多 WordPress 網站裝咗三四十個 plugin,每個都加自己嘅 CSS 同 JS,結果首頁要載入超過一百個檔案。定期審視:功能重複嘅刪走、只喺某一頁用到嘅(例如表單、slider)用 Asset CleanUp 限制載入範圍。同時檢查追蹤碼,GA4、Meta Pixel、各種 chat widget 加埋隨時拖慢一秒以上,非必要嘅可以延後載入或者索性拆走。

五、快取設定:一次做好,長期見效

啟用頁面快取(例如 LiteSpeed Cache、WP Rocket),令 PHP 唔使每次都重新生成頁面;設定瀏覽器快取令回訪用戶幾乎即開;再開 Gzip 或 Brotli 壓縮。做齊呢幾樣,一般網站 LCP 可以由四五秒降到兩秒以內。做完之後記得清 cache 再測一次,並且每次改版後重新驗證,因為新加嘅功能好容易又把速度推返上去。

常見問題 FAQ

PageSpeed 分數一定要 90 分以上先算好?

唔一定。分數只係參考,真正影響用戶同排名嘅係 Core Web Vitals 三個指標有冇「通過」。一個 75 分但 LCP 2.1 秒、CLS 0.05 嘅網站,實際體驗好過一個為咗谷分數而犧牲功能嘅網站。目標應該係達標,唔係追完美分數。

網站速度真係影響 Google 排名?

係,Core Web Vitals 屬於 Google 排名因素之一,但權重唔算最高,內容相關性仍然排第一。不過速度會間接大幅影響排名:載入慢令跳出率上升、停留時間縮短、轉換率下降,呢啲行為訊號長遠一樣會拖低表現。

優化速度大約要幾多錢同時間?

一般香港中小企網站,做圖片壓縮、快取設定、外掛精簡呢三樣,大概需要一至兩個工作天,市價由數千至一萬多元不等。如果問題出喺主機或者主題本身寫得差,就可能要換 hosting 或者重做前端,成本會高好多,所以揀開發商時就應該問清楚有冇做效能驗收。

Leave a Reply