ऊपरी हिस्से के कॉन्टेंट का साइज़ कम करें

यह नियम तब ट्रिगर होता है, जब PageSpeed Insights को यह पता चलता है कि पेज के पेज के ऊपरी हिस्से में मौजूद कॉन्टेंट को रेंडर करने के लिए, नेटवर्क को बार-बार भेजने की ज़रूरत है.

खास जानकारी

अगर डेटा की मात्रा शुरुआती कंजेशन विंडो (आम तौर पर कंप्रेस किए गए 14.6kB 14.6kB) से ज़्यादा है, तो इसके लिए आपके सर्वर और उपयोगकर्ता के ब्राउज़र के बीच अतिरिक्त दोतरफ़ा यात्रा की ज़रूरत होगी. ज़्यादा इंतज़ार के समय (जैसे कि मोबाइल नेटवर्क) का इस्तेमाल करने वाले उपयोगकर्ताओं को पेज लोड होने में ज़्यादा समय लग सकता है.

सुझाव

पेजों को तेज़ी से लोड करने के लिए, उस डेटा (एचटीएमएल मार्कअप, इमेज, सीएसएस, JavaScript) के साइज़ को सीमित करें जो आपके पेज के ऊपरी हिस्से के कॉन्टेंट को रेंडर करने के लिए ज़रूरी है. ऐसा करने के कई तरीके हैं:

पेज के ऊपरी हिस्से में मौजूद ज़रूरी कॉन्टेंट को लोड करने के लिए, अपने एचटीएमएल को स्ट्रक्चर करें

सबसे पहले अपने पेज का मुख्य कॉन्टेंट लोड करें. अपने पेज को इस तरह बनाएं कि आपके सर्वर से मिलने वाला शुरुआती जवाब ज़रूरी डेटा भेज दे, ताकि पेज के अहम हिस्से को तुरंत रेंडर किया जा सके और बाकी बचे. इसका मतलब यह हो सकता है कि आपको अपने सीएसएस को दो हिस्सों में बांटना होगा: एक इनलाइन हिस्सा जो कॉन्टेंट के ATF हिस्से को स्टाइल करने के लिए ज़िम्मेदार है और वह हिस्सा जिसे बाद में रोका जा सकता है.

इन उदाहरणों पर गौर करें कि साइट को तेज़ी से लोड करने के लिए, उसे फिर से कैसे बनाया जा सकता है:

  • अगर आपका एचटीएमएल, मुख्य कॉन्टेंट को लोड करने से पहले तीसरे पक्ष के विजेट लोड करता है, तो मुख्य कॉन्टेंट को लोड करने के लिए क्रम बदलें.
  • अगर आपकी साइट में एक नेविगेशन साइडबार और एक लेख के साथ दो-कॉलम वाले डिज़ाइन का इस्तेमाल किया जाता है, लेकिन आपका एचटीएमएल लेख से पहले साइडबार को लोड करता है, तो पहले लेख को लोड करने पर विचार करें.

आपके संसाधनों के लिए इस्तेमाल किए जाने वाले डेटा की मात्रा कम करें

जब आपकी साइट को फिर से डिज़ाइन कर दिया जाए, ताकि यह कई डिवाइसों पर अच्छी तरह से काम कर सके और अहम कॉन्टेंट पहले लोड हो जाए, तो पेज को रेंडर करने के लिए ज़रूरी डेटा को कम करने के लिए इन तरीकों का इस्तेमाल करें:

सुझाव/राय दें या शिकायत करें

क्या इस पेज से कोई मदद मिली?