Lighthouse ile Web Vitals optimizasyonu
(web.dev)-
Core Web Vitals ölçümü
-
Largest Contentful Paint nesnesini bulma
-
LCP’yi iyileştirmek için preload kullanma
-
Cumulative Layout Shift’i etkileyen nesneleri bulma
→ boyutu olmayan görseller
→ reklamlar
→ non-composited animasyonlar
- First Input Delay / Total Blocking Time / Long Tasks hata ayıklaması yapma
2 yorum
İlgili görsel optimizasyon yöntemleri
https://smashingmagazine.com/2021/04/…
Özetleyen tweet
https://twitter.com/addyosmani/status/1388031656355794945
Google, arama sonuçları sıralamasına Sayfa Deneyimi (Page Experience) göstergelerini ekliyor https://tr.news.hada.io/topic?id=2197
→ LCP : Largest Contentful Paint
→ FID : First Input Delay
→ CLS : Cumulative Layout Shift
Lighthouse 6.0 yayınlandı https://tr.news.hada.io/topic?id=2122
→ LCP, CLS, TBT metrikleri eklendi
Cumulative Layout Shift (CLS) nedir? https://tr.news.hada.io/topic?id=1697
→ Görsellerin/reklamların yavaş yüklenmesi, asenkron işlemler, dinamik DOM değişiklikleri vb. nedeniyle web sayfasının yerleşiminin ne kadar değiştiğini ölçer
→ Kullanıcının yanlış tıklama yapmasına yol açabilen görsel kararsızlığı kontrol eden, kullanıcı odaklı bir performans metriğidir