Core Web Vitals 是什麼？外貿 WordPress 站新手按優先級做的 7 個動作（帶驗收）

Core Web Vitals（CWV）聽起來很技術，其實你把它當成 3 個“客戶體驗問題”就行：

1. LCP：首屏主要內容多久能出來？
2. CLS：頁面會不會亂跳？
3. INP：點按鈕有沒有反應？

外貿站做 CWV 的目的不是刷分，而是：客戶打開頁不煩、願意看、願意詢盤。

圖：PageSpeed Insights。輸入你的網址就能測試性能與 Core Web Vitals 指標。

先別全站亂改：選 1 個“樣板頁”

建議你先選一個核心服務頁（或者首頁）作爲樣板。原因很簡單：服務頁是轉化頁，你優化它的收益最大。

你怎麼測？新手用這三個就夠了

• PageSpeed Insights：看建議、看 LCP/CLS/INP 指標（實驗室數據）。
• Chrome DevTools：看 Network/Performance，找真正的瓶頸。
• GSC 體驗報告：有真實用戶數據時更可信（需要一定流量）。

按優先級做 7 個動作（新手照做）

動作 1：先定位 LCP 元素（80% 是首屏大圖）

PageSpeed 通常會告訴你 LCP 元素是什麼。外貿站最常見是 Banner/產品主圖。先把尺寸與 WebP 做對：圖片優化流程。

動作 2：頁面緩存先做穩

緩存不能解決一切，但幾乎是必做。按最小配置來：緩存插件最小配置。

動作 3：減少首屏模塊（尤其是輪播/視頻背景）

很多外貿站首頁堆了輪播、動效、視頻背景，體驗看起來“高級”，但對移動端很不友好。你可以把首屏簡化成：

• 一句話講清你做什麼
• 3 個優勢點
• 一個清晰 CTA（聯繫/詢盤）

動作 4：修 CLS（頁面亂跳）

CLS 常見來源：

• 圖片沒有固定尺寸，加載後把內容頂開
• 字體加載後替換導致字距變化
• 彈窗/通知條突然插入頂部

你可以先做最簡單的兩件事：給圖片輸出尺寸（主題/編輯器通常能設置），避免首屏自動彈窗。

動作 5：修 INP（點了沒反應）

INP 變差通常來自太多腳本：聊天工具、追蹤腳本、頁面構建器。建議：

• 聊天工具/熱力圖別同時上多個（擇一）
• 追蹤腳本儘量用 GTM 集中管理（減少散落）
• 不需要的插件先停用測試

動作 6：字體策略（簡單但很有效）

• 能用系統字體就別加載多套 webfont
• 不要同時加載 3–4 個字重（400/500/700…）

動作 7：每次只改一項，然後驗收

新手最容易犯的錯是“全改一遍”，然後不知道哪個改動導致按鈕壞了。請你記住：一次只改一項，改完立刻在手機上驗收。

驗收標準（別隻看分數）

• 手機 4G 打開：首屏 2–3 秒內可用（主觀體驗很重要）
• 滾動不亂跳、按鈕可點、表單可提交
• PageSpeed 分數提升只是結果，不是目標

如果你優化後速度不錯但詢盤仍然少，下一步通常是：把服務頁寫得更像“成交頁”，並用內鏈把博客流量引過去：內鏈工作流。