सबसे भारी एसेट्स का सही आकार तय करें
डिलिवर किए गए बाइट्स और ग्राहक‑पाथ महत्ता के आधार पर छवियों, फॉन्ट और स्क्रिप्ट की समीक्षा करें। दृश्य अनुभव सही बने रहने पर ही काम हटाएँ या स्थगित करें।
डिलिवरी बजट / 04
मार्ग को बेहतर बनाएं,
फिर से मापें।
सबसे धीमे ग्राहक मार्ग की पहचान करने, स्पष्ट डिलिवरी बजट निर्धारित करने, और एक‑एक नियंत्रित सुधार को सत्यापित करने के लिए एक व्यावहारिक प्रदर्शन‑योजना मार्गदर्शिका।
इसे उपयोग करें: HTML, छवियों, फॉन्ट, स्क्रिप्ट्स, कैशिंग और महत्वपूर्ण उपयोगकर्ता इंटरैक्शनों में मापने योग्य डिलिवरी कार्यों को प्राथमिकता देने के लिए उपयोग करें — बिना किसी स्कोर या रैंकिंग परिणाम का वादा किए।
चार नियंत्रित लीवर
घर्षण घटाएँ, साक्ष्य नहीं।
महत्त्वपूर्ण अनुरोध पथ को छोटा करें
रेंडर‑ब्लॉकिंग और origin‑निर्भर अनुरोधों की पहचान करें, फिर नियंत्रित शर्तों में कैशिंग, कम्प्रेशन, प्रीलोडिंग या निर्भरता परिवर्तनों का आकलन करें।
उत्तरदायी इनपुट की रक्षा करें
प्राथमिक इंटरैक्शन के आसपास लंबे कार्यों और क्लाइंट‑वर्क की जाँच करें। अवॉइडेबल काम घटाते हुए सेमांटिक्स, पहुँच/अभिगम्यता, सहमति और कार्यात्मक व्यवहार बनाए रखें।
समान को समान से तुलना करें
URL, रिलीज़, डिवाइस, नेटवर्क, कैश स्थिति, और मीट्रिक स्रोत रिकॉर्ड करें। केवल तब ही परिवर्तन पर भरोसा रखें जब वही विधि बिना रिग्रेशन के बेहतर परिणाम दे।
विधि / स्रोत-सीमित
अगला ज्ञात कदम।
- कोड बदलने से पहले एक प्रतिनिधि ग्राहक मार्ग चुनें और उसके वर्तमान लैब व उपलब्ध फील्ड साक्ष्य रिकॉर्ड करें।
- ट्रांसफर आकार, महत्वपूर्ण अनुरोधों, और उस मार्ग से सबसे संबंधित उपयोगकर्ता‑केंद्रित मीट्रिक के लिए एक समीक्षा योग्य बजट निर्धारित करें।
- सबसे बड़े नियंत्रित कारण को प्राथमिकता दें — उदाहरण के लिए बहुत बड़े आकार की छवि, रेंडर‑ब्लॉकिंग असेट, टाले जा सकने वाले स्क्रिप्ट, या धीमा origin उत्तर।
- एक सीमित परिवर्तन करें, उन्हीं मार्ग और शर्तों के साथ तुलना करें, और प्रेक्षित साक्ष्य के आधार पर उसे बनाए रखें या रिवर्ट करें।
सत्यापित करें / भरोसा करने से पहले
एक ही URL, डिवाइस प्रोफ़ाइल, नेटवर्क परिस्थितियाँ, और कैश धारणाएँ उपयोग करके पहले और बाद के परिणामों की तुलना करें।
लेआउट, इंटरैक्शन, पहुंच/अभिगम्यता, एनालिटिक्स, और महत्वपूर्ण ग्राहक पाथ में रिग्रेशन के लिए वास्तविक पृष्ठ की समीक्षा करें।
रिलीज़ पहचानकर्ता, प्रेक्षित मान, परीक्षण शर्तें, निर्णय, और यदि परिवर्तन बनाए नहीं रखा गया तो रोलबैक परिणाम रिकॉर्ड करें।
प्राधिकरण / समीक्षा
स्रोत टिप्पणियाँ, न कि उधार ली गई निश्चितता।
योजना का आधार: web.dev — Web performance और Core Web Vitals मार्गदर्शन
- web.dev — Web performance ↗web.dev सुझाव देता है कि उपयोगकर्ता‑केंद्रित प्रदर्शन मापा जाए, Core Web Vitals को समझा जाए, और फिर से मापने से पहले लक्षित सुधार लागू किए जाएँ.
प्रसंग / हैंडऑफ को जुड़े रखें
Launch Kitसंरचित योजना आरंभ के लिए SIU लॉन्च वर्कस्पेस का उपयोग करें।Status Is Downलाइव सर्विस संकेत, मॉनिटर किए गए‑सर्विस रिकॉर्ड, और घटना‑संबंधित संदर्भ के लिए SID का उपयोग करें।छवि डिलिवरी तत्परताजब दृश्य सामग्री चुने गए पृष्ठ बजट का महत्वपूर्ण हिस्सा हो तो छवि‑विशिष्ट डिलिवरी निर्णयों की जाँच करें।
लेखकत्व: SIU Enablement संपादकीय ड्राफ्ट; स्रोत‑सीमित प्रदर्शन मार्गदर्शन। द्वारा समीक्षा की गई: एक प्रदर्शन ओनर और ग्राहक‑पाथ ओनर साक्ष्य व ट्रेड‑ऑफ़ की समीक्षा करते हैं। पुनः मान्य करें: पृष्ठ संरचना, डिलिवरी अवसंरचना, तृतीय‑पक्ष स्क्रिप्ट, या मापन शर्तों में परिवर्तन होने पर पुनः सत्यापित करें।