Lighthouse से Web Vitals को ऑप्टिमाइज़ करना

• Core Web Vitals मापना

• Largest Contentful Paint ऑब्जेक्ट ढूंढना

• LCP सुधारने के लिए preload करना

• Cumulative Layout Shift को प्रभावित करने वाले ऑब्जेक्ट ढूंढना

  → बिना size वाली images

  → ads

  → non-composited animations

• First Input Delay / Total Blocking Time / Long Tasks को debug करना

[alstjr7375]

संबंधित इमेज optimization तरीका

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

सार बताने वाला ट्वीट

https://twitter.com/addyosmani/status/1388031656355794945

[xguru]

Google, सर्च रिज़ल्ट रैंकिंग में Page Experience संकेतक जोड़ रहा है https://hi.news.hada.io/topic?id=2197

• Core Web Vitals

→ LCP : Largest Contentful Paint

→ FID : First Input Delay

→ CLS : Cumulative Layout Shift

Lighthouse 6.0 रिलीज़ https://hi.news.hada.io/topic?id=2122

→ LCP,CLS,TBT मेट्रिक्स जोड़े गए

Cumulative Layout Shift (CLS) क्या है? https://hi.news.hada.io/topic?id=1697

→ इमेज/विज्ञापनों की धीमी लोडिंग, asynchronous व्यवहार, dynamic DOM बदलाव आदि के कारण वेब पेज का लेआउट कितना बदलता है, इसे मापता है

→ यह एक user-centric performance metric है, जो ऐसी visual instability को जांचता है जिससे यूज़र गलत क्लिक कर सकता है