बड़े HTML पेजेस की समस्याएं और समाधान

बड़े HTML पेज (3 एमबी से अधिक वाले पेज) शायद ही कभी खोज परिणामों में आते हैं, लोड होने में लंबा समय लेते हैं, और, नियम के रूप में, अनावश्यक सामग्री रखते हैं। Google तेज वेबसाइटों को पसंद करता है। आपके लोडिंग स्पीड को धीमा करने वाले बड़े HTML पेज होने से आपकी खोज इंजन रैंकिंग पर नकारात्मक प्रभाव पड़ सकता है।

Labrika इन पेजेस को ढूंढता है और उन्हें एक अलग रिपोर्ट में सहेजता है लेकिन आगे उनका विश्लेषण नहीं करता क्योंकि ऐसे बड़े पेजेस के व्यावहारिक उपयोग के बारे में अज्ञात है।

बड़े HTML पेजेस के प्रकट होने के प्राथमिक कारण:

1. SVG छवियां पेज कोड में एम्बेडेड हैं।
2. साइट को डीबग करने के लिए इरादा किए गए बिल्ट-इन सूचना है।
3. डाली गई दुर्भावनापूर्ण डेटा के टुकड़े डाउनलोड करना चुनौतीपूर्ण बनाते हैं। यह हटाए गए वायरस के अवशेष या साइट हैक होने के बाद डाली गई डेटा हो सकती है।
4. JavaScript पेज के HTML कोड में एम्बेडेड है लेकिन एक अलग फाइल में नहीं।
5. पेज में दूसरे दस्तावेज से तत्वों को डालने के बाद, प्रत्येक तत्व के लिए HTML कोड में अतिरिक्त CCS स्टाइल जोड़े गए, जो बहुत जगह लेते हैं। उदाहरण के लिए, Word दस्तावेज से टेक्स्ट डालना टैग साफ किए बिना।
6. संसाधन के मालिक या हैकर्स जो साइट को हैक किए, वेबसाइट में क्रिप्टोकरेंसी माइनिंग के लिए कोड एम्बेड कर सकते हैं।

आप अपनी साइट पर बड़े HTML पेजेस कैसे ढूंढें?

आप तकनीकी ऑडिट सेक्शन में बड़े HTML पेजेस रिपोर्ट में डेटा पा सकते हैं। यह रिपोर्ट उन सभी पेजेस की पूरी सूची दिखाएगी जो 3 एमबी से अधिक हैं यदि आपकी साइट पर कोई है।

ऐसे पेजेस के साथ क्या करें?

समस्या क्षेत्रों की अधिक विस्तार से पहचान करने के लिए, आप Google के PageSpeed ​​Insights टूल का उपयोग कर सकते हैं। रिपोर्ट का उपयोग पेज स्पीड का मूल्यांकन करने के लिए करें, जो आपको पेज साइज कम करने और लोडिंग स्पीड बढ़ाने पर सिफारिशें देगा। आमतौर पर, सिफारिशें दिखाती हैं कि किस पेज एलिमेंट को कंप्रेस या ऑप्टिमाइज करने की आवश्यकता है।

पेज वेट कम करने के तरीके:

1. HTML कोड के साथ एम्बेडेड फाइलें: CSS, JavaScript, और SVG छवियां अलग फाइलों में रखी जानी चाहिए।
2. HTML कोड कम करें। पेज से सभी अनावश्यक एलिमेंट्स हटाएं और कोड की वैधता और फॉर्मेटिंग का निरीक्षण करें। शायद यह अनावश्यक पैरामीटर्स से ओवरलोड है।
3. CSS और JavaScript को कंप्रेस करें। CSS कोड को कम करने से लोडिंग स्पीड पर महत्वपूर्ण प्रभाव पड़ेगा, लेकिन कुछ मामलों में, पेज वेट को कम करने की भी आवश्यकता होगी। इन मुद्दों को हल करने के लिए, एक योग्य प्रोग्रामर से संपर्क करना सबसे अच्छा है।

मुद्दा कैसे ठीक करें?

ओवरसाइज्ड HTML पेजेस साइट की स्पीड को नुकसान पहुंचा सकते हैं। इससे फिर यूजर व्यवहार और पेज की रैंकिंग क्षमता पर असर पड़ सकता है। औसत डेस्कटॉप वेबपेज साइज लगभग 2एमबी है, और मोबाइल लगभग 1.8एमबी है। आपको पेज को इस औसत के आसपास या नीचे रखना चाहिए।

इसे ठीक करने के लिए आप कर सकते हैं:

1. छवियों का आकार बदलें (सुनिश्चित करें कि आप ऐसे छवि साइज का उपयोग नहीं कर रहे हैं जो आपके पेज पर दिखने वाले से बहुत बड़े हों)।
2. कस्टम फॉंट्स से छुटकारा पाएं। ये अक्सर भारी साइज में आते हैं, इसलिए उन्हें हटाना, कम उपयोग करना, या उन्हें TTF फॉर्मेट से WOFF2 में कन्वर्ट करना पेज के साइज को कम करने में मदद कर सकता है।
3. रिसोर्सेज को मिनिफाई करें। इसका मतलब अनावश्यक डेटा या कोड हटाना है। HTML, CSS, JavaScript, आदि को मिनिफाई करने के लिए ऑनलाइन कई टूल उपलब्ध हैं।