獨立站頁面速度優化，我用免費工具從45分做到了82分

好多獨立站知道頁面速度重要，但當呢係技術問題，唔係增長問題。於是時間都放喺廣告、內容、外鏈，好少停低跑一次測速。

頁面速度唔係「技術潔癖」，而係直接影響跳出率、停留時間同轉化嘅基礎問題

作者指出，好多獨立站唔係唔識做SEO或投流，而係最基礎、最容易失分嘅速度問題一直拖住唔理。佢用自己嘅工業配件站做實驗，由45分優化到82分，証明先處理速度比追增長動作更重要。

優化之前，一定要知自己慢喺邊。作者推薦兩個免費工具：

診斷標準要記住：PageSpeed Score ≥ 80、FCP ≤ 1.8秒、LCP ≤ 2.5秒、CLS ≤ 0.1。如果淨係做三件事，先做呢三件：

CSS/JS合併、緩存頭呢類動作唔係唔重要，但對大多數獨立站嚟講，唔係第一優先級

大多數獨立站速度慢嘅最大原因：圖片太大。產品圖冇壓縮直接上傳，動輒3-5MB；冇做響應式，移動端加載同一張大圖；用PNG格式存產品圖（比JPG大好多）。

TinyPNG

免費在線壓縮工具，將PNG/JPG拖入去，壓縮率通常60-80%，肉眼看唔出分別。作者用之前一張800KB產品圖，壓完得180KB。另一個工具係Google出品嘅Squoosh，支援轉WebP格式，比JPG細約30%，而且支援透明背景。

WebP比JPG細約30%

WordPress用戶可以用ShortPixel插件，自動壓縮全站圖片，免費每月100張。圖片優化標準：產品主圖用JPG或WebP，1920px以內，單張≤200KB；縮略圖600px以內，≤50KB；圖標用SVG（矢量，放大不失真，體積極細）。

產品主圖單張≤200KB

代碼方面，問題在於第三方插件加載好多JS，CSS冇合併，渲染阻塞資源阻止內容顯示。改善方法：

別亂優化：唔好一嚟就追100分，先處理明顯拖後腿嘅問題

瀏覽器緩存方面，Shopify默認已配好，自建站（WordPress）可裝WP Fastest Cache或W3 Total Cache插件。技術用戶可直接喺.htaccess加緩存頭。

Cloudflare免費版夠用

作者按順序：跑分基線→壓圖片→清理無用插件→接Cloudflare→再跑分。最終PageSpeed由45升至82，LCP由4.2秒降至1.9秒（↓55%），CLS由0.24降至0.08（↓67%），總頁面大小由8.7MB降至2.1MB（↓76%），圖片大小由6.2MB降至1.1MB（↓82%）。

所以如果你最近仲喺研究下一個增長動作，不如先停一下，將測速、壓圖、清腳本、接CDN呢幾件事做完。好多站嘅問題，唔係增長動作唔夠多，而係基礎環節一直喺度漏分。

先打好基礎，先再講增長