Web技術基礎
在表示網頁使用體驗的指標Core Web Vitals之中，CLS（Cumulative Layout Shift）表示的是下列何者？
- A網頁載入時，畫面中最大的影像或文字區塊顯示出來為止的時間
- B從使用者點擊或按鍵，到其結果繪製在畫面上為止的延遲
- C顯示過程中，因較晚載入的影像或廣告等，使元素位置意外偏移的量
查看答案與解析
正確答案：C. 顯示過程中，因較晚載入的影像或廣告等，使元素位置意外偏移的量
Core Web Vitals由表示載入速度的LCP（Largest Contentful Paint）、表示對操作之回應速度的INP（Interaction to Next Paint），以及表示顯示穩定性的CLS三項指標組成（INP於2024年3月取代FID加入）。CLS是把較晚出現的影像或廣告把文字等往下推擠這類意外的位置偏移加以數值化。為影像或影片指定width與height，預先保留顯示的位置，就能讓CLS變小。
- A. 這是LCP，表示載入速度的指標。
- B. 這是INP，表示對操作之回應速度的指標。
- C. 正確。CLS表示顯示的穩定性，也就是意外的版面偏移。