想要請問 關於CLS優化
我的網站 其他網頁架構 只影響到 0.02
不過 在FB like按鈕添加的時候會有 0.63 - 0.103 這個CLS 錯誤項目
加起來就 > 0.1 超過 標準值
有時候又不會有FB like按鈕 這個CLS 錯誤項目
檢測工具:PageSpeed Insights
我已經在包FB按鈕的 dom物件底下給他 min-height (其他google廣告這樣會解掉)
不過還是修正不了 FB SDK導致的CLS 位移
這是CLS 分數計算的標準
元件移位分數(layout shift score) = 影響範圍(impact fraction) * 移動距離(distance fraction)
不過我看起來只是 多一個按鈕 我畫面並沒有位移
我也有 觀察 DevTools 底下的 Rendering Layout Shift Regions
並沒有觀察到FB按鈕產生時的畫面有位移變化
已邀請的邦友 {{ invite_list.length }}/5
iThome鐵人賽
看影片追技術