Glossary
CLS (Cumulative Layout Shift) क्या है?
CLS (Cumulative Layout Shift) वो Core Web Vital है जो मापता है कि page load होते समय दिखने वाला content कितना उछलता है। 0.1 या कम अच्छा है।
Read in EnglishCumulative Layout Shift visual stability मापता है। हर अचानक shift का score है impact fraction × distance fraction: खिसकने वाला content पहले और बाद में screen का कितना हिस्सा घेरता है, गुणा वो screen की बड़ी side के हिस्से के रूप में कितना खिसका। 0.1 या कम CLS अच्छा है और 0.25 से ऊपर poor, page loads के 75th percentile पर मापा जाता है। Tap या click के 500 ms के अंदर हुए shifts नहीं गिने जाते।
Ads इसकी आम वजह हैं। Text के ऊपर देर से load होने वाला ad article को ठीक तब नीचे धकेलता है जब reader पढ़ना शुरू करता है, और एक लंबा ad अकेले ही page को good से poor कर सकता है।
Google की सलाह है हर slot की जगह CSS में reserve कीजिए, min-height से, ad tag चलने से पहले, बाद में JavaScript से नहीं। Multi-size slots के लिए अपने fill data से तय कीजिए कि कौन सा size reserve करना है, और छोटे creative के लिए slot को सिकोड़िए मत। तब ad पहले से मौजूद box भरता है, और कुछ नहीं हिलता।
उदाहरण
800-pixel की phone screen पर text एक 300×250 ad के उसे 250 pixels नीचे धकेलने से पहले और बाद में 650 pixels घेरता है। Impact है 650 ÷ 800 = 0.8125 और distance है 250 ÷ 800 = 0.3125. 0.8125 × 0.3125 ≈ 0.254: एक ही ad से poor.
Publishers के लिए क्यों ज़रूरी है
Layout shift readers को परेशान करता है और Google के एक Core Web Vital को नुकसान पहुँचाता है। Slot की ऊँचाई reserve करना ad वाले pages के लिए सबसे सस्ते speed fixes में से एक है।