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

<p>- Core Web Vitals मापना<br /> - Largest Contentful Paint ऑब्जेक्ट ढूंढना <br /> - LCP सुधारने के लिए preload करना <br /> - Cumulative Layout Shift को प्रभावित करने वाले ऑब्जेक्ट ढूंढना <br /> &nbsp;&nbsp;→ बिना size वाली images<br /> &nbsp;&nbsp;→ ads<br /> &nbsp;&nbsp;→ non-composited animations <br /> - First Input Delay / Total Blocking Time / Long Tasks को debug करना</p>

[alstjr7375]

<p>संबंधित इमेज optimization तरीका<br /> https://smashingmagazine.com/2021/04/… /> <br /> सार बताने वाला ट्वीट<br /> https://twitter.com/addyosmani/status/1388031656355794945</p>;

[xguru]

<p>Google, सर्च रिज़ल्ट रैंकिंग में Page Experience संकेतक जोड़ रहा है https://hi.news.hada.io/topic?id=2197<br /> - Core Web Vitals<br /> → LCP : Largest Contentful Paint<br /> → FID : First Input Delay<br /> → CLS : Cumulative Layout Shift<br /> <br /> Lighthouse 6.0 रिलीज़ https://hi.news.hada.io/topic?id=2122<br /> → LCP,CLS,TBT मेट्रिक्स जोड़े गए<br /> <br /> Cumulative Layout Shift (CLS) क्या है? https://hi.news.hada.io/topic?id=1697<br /> → इमेज/विज्ञापनों की धीमी लोडिंग, asynchronous व्यवहार, dynamic DOM बदलाव आदि के कारण वेब पेज का लेआउट कितना बदलता है, इसे मापता है<br /> → यह एक user-centric performance metric है, जो ऐसी visual instability को जांचता है जिससे यूज़र गलत क्लिक कर सकता है</p>