元伸科技
「網站速度影響使用者體驗」這是老生常談。但跟客戶聊時最常聽到的疑問是：「我的網站慢一點有差嗎？反正客戶都會等吧？」實際上速度也直接影響 AI 是否引用你的網站——這件事很少人講。
AI 爬蟲不是無限資源——它對每個網站有「爬取預算」（crawl budget）。網站越慢，能爬的頁面越少，AI 對你的理解越淺。Core Web Vitals 三大指標就是這個預算的計算依據。如何觀察 AI 爬蟲行為可看 從 Server Log 觀察 AI 爬蟲。
CWV 三大指標
| 指標 | 全名 | 標準 | 意義 |
|---|---|---|---|
| LCP | Largest Contentful Paint | < 2.5s | 最大元素載入時間 |
| INP | Interaction to Next Paint | < 200ms | 使用者互動回應時間 |
| CLS | Cumulative Layout Shift | < 0.1 | 元素位置跳動程度 |
2024 年起 INP 取代了原本的 FID（First Input Delay），更精準衡量互動延遲。
三個指標如何影響 AI 引用
1. LCP 慢 → AI 爬不完整
AI 爬蟲訪問你的網站，等待 5 秒看不到內容就放棄。載入越慢的頁面，AI 引用率越低——LCP 超過 4 秒的頁面被引用的機率遠低於 2 秒以內的頁面。實務上看到客戶最常踩的坑是首頁掛了 5MB 的輪播大圖，視覺看起來很氣派，AI 爬蟲還沒等到內容就跳走了。
優化重點：
- 首屏圖片：WebP/AVIF + 明確 width/height
- 字體：font-display: swap
- CSS：critical CSS inline
- JS：defer 非關鍵腳本
2. INP 高 → 互動體驗差 → 整體評分低
INP 主要影響使用者體驗，但 Google 把它納入排名因素。INP > 500ms 的網站，整體 SEO 排名平均低 15%，連帶 AI 引用機率下降。
優化重點：
- 減少主執行緒阻塞（避免大型 JS 計算）
- 拆分長任務（long task < 50ms）
- 移除不必要的第三方腳本
3. CLS 高 → 內容跳動 → 內容識別困難
CLS 高代表頁面元素一直在位置跳動。對使用者是糟糕體驗，對 AI 爬蟲也是「不穩定的內容」訊號。
常見原因：
- 圖片沒指定 width/height（載入時撐開版面）
- 字體載入時 fallback 切換（FOUT）
- 動態插入 banner / 廣告
優化重點：
- 所有圖片標明 width × height
- 字體用 size-adjust 與 fallback 一致化
- 預留空間給動態內容
實作優化檢查清單
圖片優化（影響 LCP 最大）
- 首屏圖片使用 WebP/AVIF（用
<picture>fallback） - 明確指定 width 與 height 屬性
- 首屏圖片不用 lazy loading
- 下方圖片用
loading="lazy" - 響應式圖片用
srcset
CSS 優化
- Critical CSS inline 在
<head> - 非關鍵 CSS 用
media="print" onload="this.media='all'" - 移除未使用的 CSS（用 PurgeCSS）
- 使用 CSS 變數減少重複
JavaScript 優化
- 主要 JS 用
defer - 第三方 JS（GTM、Pixel）非首屏關鍵的用 lazy load
- 移除未使用的 JS（用 webpack tree-shaking）
- 拆分長任務避免 long task
字體優化
- 使用
font-display: swap - preload 主要字體
- 限制字重（不要 100、300、400、500、600、700 全載）
CDN 與快取
- 使用 CDN（Cloudflare、Fastly），完整架構可參考 CDN 與圖片優化
- 靜態資源快取 1 年
- HTML 快取 1-5 分鐘
- 啟用 HTTP/2 或 HTTP/3
元伸客戶實戰
老闆最常踩的坑是「想自己優化就好」，結果改了三個禮拜分數沒動。實際上 CWV 優化最怕「亂槍打鳥」——沒做 profiling 就亂改 CSS、JS，往往改完更慢。我會建議：先跑 Lighthouse + WebPageTest 找出真正的瓶頸，再對症下藥。
某 B2B 工業客戶優化前後：
| 指標 | 改善幅度 |
|---|---|
| LCP | 大幅縮短，達到 CWV 綠色標準 |
| INP | 明顯降低至 200ms 以下 |
| CLS | 顯著改善至 0.1 以下 |
| PageSpeed 分數 | 從不及格提升至綠色 |
| AI 爬蟲月訪問 | 訪問頻率大幅提升 |
| AI 引用率（數個月後） | 明顯成長 |
CWV 優化的 AI 引用紅利持續且長期——這是 AI-Ready 投資中 ROI 最高的單項之一。元伸的 客製化網頁設計 預設交付前必做 CWV 達標。
結語：速度是基礎建設
Core Web Vitals 不是「進階優化」，是 AI-Ready 網站的基礎建設。沒有速度，再好的 Schema、再深的內容、再完整的 llms.txt 都打折扣。
優化順序我會建議：先把 CWV 三項做到綠色（PageSpeed 75+），再進一步做內容、Schema、llms.txt 等內容層工程。地基不穩，蓋多高都會倒。除非你的網站已經很輕量（首頁 < 1MB），否則不建議直接跳到 Schema 與 llms.txt 那層，順序錯了會做白工。
需要從架構翻新的客戶可看 客製化系統開發方案。如果你不確定自家網站的 CWV 卡在哪一關，歡迎跟我們聊聊。
📞 03-366-1000 ｜ 🌐 www.ozchamp.com ｜ 免費諮詢，24hr 內回覆
