CWV चेकलिस्ट
लॉन्च के लिए तैयार घोषित करने से पहले मैं जो बारह जांचें चलाता हूँ। इतना छोटा कि इस्तेमाल में आए, इतना सख्त कि असली खामियाँ पकड़ें।
← सभी गाइड इस विषय की सभी गाइड
छोटी चेकलिस्टें क्यों काम करती हैं
लंबे परफॉर्मेंस ऑडिट को नज़रअंदाज़ कर दिया जाता है। बारह आइटम की एक लिस्ट जो कोई लीड डेवलपर एक दोपहर में चला सकता है, उसे इस्तेमाल किया जाता है। यह वह लिस्ट है जो मैं लॉन्च से पहले, किसी बड़े टेम्पलेट बदलाव से पहले, और हर बार जब कोई "हमने एक छोटी स्क्रिप्ट जोड़ी है" कहे, तो चलाता हूँ।
यह मानता है कि आप पहले से मेट्रिक्स जानते हैं। अगर आपको डायग्नोसिस की कहानी चाहिए, तो पढ़ें कि आपकी वेबसाइट क्यों धीमी है। अगर किसी एक मेट्रिक पर सर्जरी करनी है, तो LCP, INP, CLS गाइड पढ़ें। यह पन्ना गेट है।
मुख्य बात: एक चेकलिस्ट जो आप पूरी कर लें, वह 40 पन्ने के ऑडिट से बेहतर है जिसे कोई दूसरी बार खोलता ही नहीं।
12 आइटम
| # | जांच | Pass दिखता है |
|---|---|---|
| 1 | फील्ड डेटा खींचा गया | प्रमुख टेम्पलेट्स के लिए CrUX या RUM, मोबाइल 75वाँ प्रतिशतक |
| 2 | LCP एलिमेंट की पहचान की गई | आप एलिमेंट और इसके URL को मनी पेज पर नाम दे सकते हैं |
| 3 | LCP मीडिया बजट | हीरो एक समझदारी वाले वजन के तहत, आधुनिक प्रारूप, साइज़ किया गया, यदि आवश्यक हो तो प्रीलोड किया गया |
| 4 | TTFB समझदारी भरा | कैश्ड या स्टैटिक HTML TTFB को खतरे की जोन से बाहर रखता है |
| 5 | महत्वपूर्ण पथ पर JS | पहली बातचीत की जरूरत से पहले कोई चैट, A/B, या भारी हाइड्रेशन नहीं |
| 6 | INP स्पॉट-चेक | प्राथमिक टैप मध्य-स्तरीय फोन पर प्रतिक्रियाशील रहते हैं |
| 7 | फ़ॉन्ट | सबसेट, सेल्फ-होस्ट या नियंत्रित CDN, कोई बहु-सेकंड अदृश्य पाठ नहीं |
| 8 | CLS आरक्षित स्थान | चित्रों, एम्बेड और विज्ञापनों के पास आयाम या पहलू-अनुपात बॉक्स हैं |
| 9 | तीसरे पक्ष सूचीबद्ध | हर टैग का एक मालिक और जीने का एक कारण है |
| 10 | कैश हेडर | HTML और संपत्ति के पास जानबूझकर कैश नीति है, दुर्घटनाएं नहीं |
| 11 | टेम्पलेट समानता | होमपेज, हब और आर्टिकल टेम्पलेट प्रत्येक को जाँचा जाता है, केवल होम नहीं |
| 12 | स्टॉप नियम | आप तब रुकते हैं जब फील्ड CWV पास हो जाता है, जब Lighthouse 100 पर पहुँचता है तब नहीं |
इसे प्रिंट करें, लॉन्च टिकट में पेस्ट करें, या इसे PR चेकलिस्ट के तौर पर चलाएँ। बात यह है कि हर लाइन पर हाँ या ना, न कि लंबे जवाब।
मुख्य बात: अगर आप पहली और दूसरी आइटम को चेक नहीं कर सकते, तो आप तीसरी से बारहवीं के लिए तैयार नहीं हैं।
इसे असल में कैसे use करें
उन टेम्पलेट्स पर यह लिस्ट चलाएँ जो पैसे या रैंकिंग कमाते हैं: होमपेज, प्राइमरी लैंडिंग पेज, कैटेगरी या हब, और एक प्रतिनिधि आर्टिकल या प्रोडक्ट पेज। एक हरा होमपेज और एक लाल आर्टिकल टेम्पलेट अभी भी एक विफल लॉन्च है।
हर विफलता के लिए एक मालिक नियुक्त करें। परफॉर्मेंस काम बिना मालिक के एक Slack थ्रेड बन जाता है। रिलीज़ के बाद एक हफ्ते में फील्ड डेटा को फिर से चलाएँ, सिर्फ स्टेजिंग में नहीं। स्टेजिंग थर्ड पार्टीज़, कैश वार्मथ, और असली डिवाइसों के बारे में झूठ बोलता है।
जब सब कुछ पास हो जाए, तो बस। आगे का ऑप्टिमाइज़ेशन वैकल्पिक ब्रैंड पॉलिश है जब तक कि कोई खास कनवर्ज़न टेस्ट कुछ और न कहे।
मुख्य बात: चेकलिस्ट को उन टेम्पलेट्स पर गेट की तरह इस्तेमाल करें जो मायने रखते हैं, फिर जब फील्ड डेटा साफ़ हो जाए तो आगे बढ़ जाएं।
मैं टीमों को कहाँ फेल करता हूँ
लैब को ग्रीन कहना एक पास है जब Search Console अभी भी एक ख़राब URL ग्रुप दिखाता है। एक नया मार्केटिंग पेज शिप करना जो कभी चेकलिस्ट पर था ही नहीं। चैट विजेट्स को क्रिटिकल पाथ पर रखना क्योंकि सेल्स ने कहा। CLS को स्टेजिंग में ठीक करना खाली ऐड स्लॉट्स के साथ जो प्रोडक्शन में विस्फोट करते हैं।
यह भी: चेकलिस्ट को वन-ऑफ़ मानना। टेम्पलेट्स भटकते हैं। मनी पेजेस पर त्रैमासिक रीरन "बस एक और टैग" से धीमी मृत्यु को पकड़ता है।
अगर तीन से अधिक रो फेल हों, तो बारह माइक्रो-टास्क्स को पैरेलल न करें। पहले LCP और थर्ड पार्टीज को ठीक करें, फिर रीरन करें। ज़्यादातर बोर्ड्स उस तरीके से तेज़ी से साफ़ हो जाते हैं बजाय स्कैटरगन स्प्रिंट के।
मुख्य बात: लॉन्च को फेल करें जब फील्ड डेटा या टेम्पलेट कवरेज गायब हो, वनिटी लैब स्कोर 89 होने के कारण नहीं।
यह चेकलिस्ट क्लस्टर में कहाँ बैठती है
why-is-my-website-slow इस्तेमाल करें जब आपको अभी भी सर्वर बनाम फ्रंट एंड की कहानी की ज़रूरत हो। LCP, INP, CLS गाइड इस्तेमाल करें जब एक सिंगल मेट्रिक रेड हो और आपको लीवर्स की ज़रूरत हो। परफ़ॉर्मेंस पिलर इस्तेमाल करें जब सवाल रोडमैप और निवेश के बारे में हो, लॉन्च गेट के बारे में नहीं।
यह चेकलिस्ट उबाऊ मध्य है: बाइनरी, रिपीटेबल, इतना छोटा कि लोग असल में इसे चलाएँ।
मुख्य बात: चेकलिस्ट के साथ लॉन्च को गेट करें। दूसरी परफ़ॉर्मेंस गाइड्स के साथ डायग्नोज़ करें।