拿掉低優先元素的 fetchpriority,能改善自然流量嗎?
來源聲明:本文根據〈Can Removing FetchPriority from Low Priority Elements Improve Organic Traffic?〉(SearchPilot team,2026-01-30)編譯整理,不是逐句翻譯。原文連結:https://searchpilot.com/resources/case-studies/can-removing-fetchpriority-from-low-priority-elements-improve-organic-traffic。頁面未見開放授權。文中「編輯解讀」為本站觀點。
SearchPilot 記錄一則電商客戶在商品詳情頁(PDP)上的分割測試。頁上有大量元素帶著 fetchpriority="high",假設過度使用會讓瀏覽器無法專心載入主商品圖,拖慢 Largest Contentful Paint(LCP),進而影響體驗與 SEO。
改了什麼
變體策略是:拿掉非關鍵元素上的 fetchpriority="high",只保留主商品圖(通常是 LCP 元素)的高優先標記,避免次要圖片在初次載入時與主圖搶資源。
fetchpriority 用來提示瀏覽器某資源應較早抓取;它改變請求時機,不改變載入哪些內容1。用對時,有助首屏關鍵圖較早完成繪製。
結果
測試結果為無結論(inconclusive)。作者寫到這有些出乎意料,因為對照頁上有超過 45 個元素標了 fetchpriority="high"。儘管沒有統計顯著的正面結果,團隊仍認為此變更是「預設可部署」的強候選:它符合效能與 SEO 最佳實務方向,且實驗顯示沒有負面影響。單次測試不是定律。
方法上,SearchPilot 使用對照/變體與相對預測的自然流量比較,並附信心區間。
常見問題
- 這次實驗改了什麼?在商品詳情頁拿掉非關鍵元素上的 fetchpriority=”high”,只保留通常作為 LCP 元素的主商品圖。假設是屬性被過度使用,導致主圖被耽擱、LCP 變慢。
- 結果如何?結果在統計上無結論(inconclusive)。對照頁上有超過 45 個元素標了 fetchpriority=”high”。實驗未顯示負面影響。
- 無結論為什麼還可能上線?作者認為從 SEO 與效能觀點這仍接近最佳實務,且未見傷害,因此可視為「預設可部署」的長期效率優化候選;但單次無結論結果不是定律。
- fetchpriority 是做什麼的?它提示瀏覽器哪些資源應較早抓取,改變的是請求時機而非載入哪些內容。正確用在首屏關鍵圖,有助 Largest Contentful Paint(LCP)等指標。
- 誰該特別注意這類測試?商品頁大量標記 fetchpriority=”high” 的電商。若只有少數標記,本實驗的前提(過度使用)可能不成立。
編輯解讀
一句話重點:把 fetchpriority="high" 收回只給真正的 LCP 圖,是合理的效率整理;這次流量結果無結論,但至少沒測到傷害。
這對你的網站意味著什麼:
- 盤點模板中有多少
fetchpriority="high",是否遠超主圖。 - 改動前後用實地 LCP 與實驗室指標對照,不要只看自然流量。
- 無結論時,可用「無負面 + 符合最佳實務」決定是否預設上線,但仍應在自己站驗證。
- 不要指望單次清理優先級就帶來顯著流量躍升。
適用與不適用的情境:適用大量濫用高優先標記的 PDP。標記本來就很少的站,預期影響更小。
需要注意的限制:SearchPilot 為測試產品商,個案服務其產品敘事,存在商業利益。結果為 inconclusive;單次實驗不是定律。超過 45 個標記是該客戶對照頁的數字,不是產業平均值。
延伸閱讀:
- 同站橫幅高度與 CLS、Core Web Vitals 相關篇(英文 slug)。
名詞與資料來源
- fetchPriority — MDN:〈HTMLImageElement: fetchPriority property〉 https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/fetchPriority(檢索日期:2026-09-30)
- LCP — web.dev:〈Largest Contentful Paint (LCP)〉 https://web.dev/articles/lcp(檢索日期:2026-09-30)