Lighthouse ile Web Vitals optimizasyonu

 (web.dev)
8 puan yazan xguru 2021-05-15 | 2 yorum | WhatsApp'ta paylaş

  • 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

İlgili okumalar

2 yorum

 
alstjr7375 2021-05-15

İlgili görsel optimizasyon yöntemleri

https://smashingmagazine.com/2021/04/…

Özetleyen tweet

https://twitter.com/addyosmani/status/1388031656355794945
 
xguru 2021-05-15

Google, arama sonuçları sıralamasına Sayfa Deneyimi (Page Experience) göstergelerini ekliyor https://tr.news.hada.io/topic?id=2197

  • Core Web Vitals

→ 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