訂閱最新消息
接收方案更新與專業文章資訊，卓越前行！
不是你的錯 – Google PSI LCP 的 Bug “最大內容繪製元素 發生錯誤！”
您最近是否有遇到，在使用 Google PageSpeed Insight 的檢測工具時，出現「最大內容繪製元素 發生錯誤！」的赤字問題？
您最近是否有遇到，在使用 Google PageSpeed Insight 的檢測工具時，出現「最大內容繪製元素 發生錯誤！」的赤字問題？
已經實證，就連用 Google.com 官網去測，也會跑出同樣這項錯誤提醒：
出現時間
這個狀況在 2023 年 5 月 7 日時，還沒有出現，因為那時我正在對自己的另一個影視音樂休閒部落格「ReadJazz 嚼世人蔘」，進行「未載入 GTM 附掛 GA4 」與「有載入 GTM 附掛 GA4」兩種情境的最佳化差異測試 (結論是差不多，沒啥影響)。
同樣是有載入 GTM 附掛 GA4 的最佳化作法之 PSI 檢測結果，在不同時間點，可以看出是否有出現這個問題的差異。
- 報告建立時間：2023 年 5 月 7 日 下午 5:12:13：https://pagespeed.web.dev/analysis/https-readjazz-com/4cwq50lhr8?form_factor=mobile
- 報告建立時間：2023 年 5 月 16 日 下午 3:16:15：https://pagespeed.web.dev/analysis/https-readjazz-com/ays6ofs96n?form_factor=mobile
正要著手準備測試「有載入 GTM 附掛 GA4 與 Google AdSense」的影響時，遇到了這個問題；所以粗略可知，這問題開始出現的時間是在 2023 年 5 月第二週左右。
很奇怪，這個問題不像常見的檢測項目那樣，因為看不出它解釋了什麼、指出了哪個資源或連結有問題，而是只有單單一句「最大內容繪製元素 發生錯誤！」。
這個狀況已經有人回報至 Google Chrome 的 GitHub 了：Largest Contentful Paint element — Error! · Issue #15075 · GoogleChrome/lighthouse (github.com)
問題情境
使用以 Lighthouse 10.2.0 版本運作的 PageSpeed Insight 與 web.dev 等 Google Core Web Vitals (網站體驗核心指標) 相關檢測工具時，在 LCP 項目上，會出現
「最大內容繪製元素 發生錯誤！」的赤字錯誤提醒。
展開後顯示「這是在可視區域中繪製的最大內容元素。進一步瞭解最大內容繪製元素」
不論是用多乾淨、單純的網站，都會出現一樣的狀況。
解決方法
只能等囉！等 Google 修好。
Google 檢測相關補充參考
關於 Google 測速、最佳化
可以參考這篇文章
企業級 WordPress 主機與 Ke2B Care+ 一站式全代管
整合全球 CDN、AI 維護與高可用架構，快速穩定、不中斷，讓網站經營無後顧之憂。
關於 Core Web Vitals (網站核心體驗指標) 檢測
也就是 Google 所有測速工具的基礎與重要依據，可以參考這篇文章
QR Code to This Link
