csl gray label 在 Google Pagespeed Insight 中的影響

Question

灰色 csl 標記是否會影響用戶基於 28 天的整體 csl 評級，還是灰色標記僅是建議性的？

[1]： https://i.stack.imgur.com/LNWO6.png - 28 天的 csl 費率 [2]： https://i.stack.imgur.com/XcYTm.png - 灰色標記 csl

Answer 1

灰色標記用於不影響分數但對診斷有用的事物/查看影響分數的事物的根本原因。

但是，在第一個屏幕截圖中，您確實需要解決大約 30% 的用戶的 CLS 問題。

現在，在不知道您的網站有哪些動畫（以及它們是否甚至導致布局轉換：）的情況下，我能做的最好的事情就是提供幾個資源鏈接來解釋如何解決合成動畫問題：

堅持僅合成器屬性並管理層數 - web.dev

高性能動畫 - HTML5 岩石

希望他們能幫助您解決該問題。

至於查找 CLS 的原因，您應該在開發人員工具中運行性能跟蹤，有一個 Layout Shifts 部分（通常靠近頂部）可以幫助您找到它們。

您可以在此問題中找到有關此技術和其他一些技術的信息