Mengoptimalkan Web Vitals dengan Lighthouse

 (web.dev)
8 poin oleh xguru 2021-05-15 | 2 komentar | Bagikan ke WhatsApp

  • Mengukur Core Web Vitals

  • Menemukan elemen Largest Contentful Paint

  • Melakukan preload untuk meningkatkan LCP

  • Menemukan elemen yang memengaruhi Cumulative Layout Shift

  → Gambar tanpa ukuran

  → Iklan

  → Animasi non-composited

  • Melakukan debugging First Input Delay / Total Blocking Time / Long Tasks

Bacaan terkait

2 komentar

 
xguru 2021-05-15

Google memperkenalkan metrik Page Experience ke dalam peringkat hasil pencarian https://id.news.hada.io/topic?id=2197

  • Core Web Vitals

→ LCP : Largest Contentful Paint

→ FID : First Input Delay

→ CLS : Cumulative Layout Shift

Rilis Lighthouse 6.0 https://id.news.hada.io/topic?id=2122

→ metrik LCP, CLS, TBT ditambahkan

Apa itu Cumulative Layout Shift (CLS)? https://id.news.hada.io/topic?id=1697

→ mengukur seberapa besar tata letak halaman web berubah akibat pemuatan lambat gambar/iklan, operasi asinkron, perubahan DOM dinamis, dan sebagainya

→ metrik performa yang berfokus pada pengguna untuk memeriksa ketidakstabilan visual yang dapat memicu pengguna melakukan klik yang salah