Cumulative layout shift

Cumulative Layout Shift

Cumulative Layout Shift (CLS) पृष्ठ के अनपेक्षित लेआउट बदलावों की कुल मात्रा को मापता है जो लोड या उपयोगकर्ता इंटरैक्शन के दौरान होती है। जब पेज का कोई हिस्सा अचानक ऊपर-नीचे या दाएं-बाएं खिसकता है—जैसे बटन या टेक्स्ट आउट ऑफ़ पॉज़िशन हो जाना—तो वह CLS स्कोर बढ़ता है। यह आमतौर पर तब होता है जब छवियों, विज्ञापनों या फ़ॉन्ट के लिए जगह सुरक्षित नहीं रहती या डायनामिक कंटेंट बिना जगह बनाए जोड़ा जाता है। कम CLS का मतलब बेहतर स्थिरता और कम गलती से क्लिक होने की संभावना है, जबकि उच्च CLS उपयोगकर्ता अनुभव को खराब कर सकता है और भरोसे को कम कर सकता है। इसका असर खासकर मोबाइल पर बड़ा होता है क्योंकि छोटे स्क्रीन पर एक छोटा शिफ्ट भी काफी परेशानी पैदा कर सकता है। CLS घटाने के तरीकों में छवियों और ऐड्स के लिए width/height सेट करना, कंटेंट के लिए रिज़र्व स्पेस बनाना और एनिमेशन के लिए transform का उपयोग शामिल है। असल उपयोगकर्ता रिपोर्ट और ब्राउज़र टूल से आप समझ सकते हैं कि शिफ्ट कहाँ हो रहे हैं और उन्हें कैसे रोकें। एक स्थिर लेआउट उपयोगकर्ता की सहजता बढ़ाता है और वेबसाइट की विश्वसनीयता को बेहतर बनाता है।