CLS（累計版面配置位移）

為什麼要知道這個

它是手機上最惹人厭的體驗，而且會造成誤觸與誤點。電商最痛的版本是誤按到錯的規格、錯的數量，然後客服要收拾。

它幾乎全部來自技術細節而非設計品味，修起來便宜：圖片寫上寬高、廣告位先留空間、公告條不要事後插入。三件事做完通常就過關。

最常被誤用的地方

0.1 是一個沒有單位的分數，很多人以為是 0.1 秒。它算的是位移面積乘上位移距離的累積。

使用者操作後 500 毫秒內發生的位移不列入計算（例如點一下就立刻展開的選單）。但如果按下去之後內容拖過半秒才撐開版面，一樣會被算進去——它抓的是使用者沒預期的位移。

最常見的四個來源：沒寫尺寸的圖片、後載入的優惠橫幅、自訂字型替換造成的文字跳動、以及第三方廣告位。

桌機看不出來很正常，因為螢幕大、空間夠。要用手機看，而且要在網路慢的時候看。