आपकी वेबसाइट मोबाइल पर धीमी क्यों है जब पेज हल्के हैं

लक्षण: आधा बना पेज

धीमे मोबाइल कनेक्शन पर हमारी ओपनिंग स्क्रीन आधी बनी रहती थी। कुकीज़ पूछने वाला बॉक्स बाकी सब चीज़ों के कई सेकंड बाद आता था। ऐप स्टोर बैज के पास का टेक्स्ट तब हिल जाता था जब बैज लोड होते थे। Google के स्पीड टेस्ट ने सबसे बड़ी सामग्री को फोन पर छह-सात सेकंड पर रखा, हर पेज पर, हर भाषा में।

हमारे इंजीनियर ने क्या पाया

सबसे बड़ी सामग्री कोई तस्वीर या हेडिंग नहीं थी। फोन पर वह कुकी बॉक्स था, ओपनिंग स्क्रीन पर टेक्स्ट का सबसे बड़ा हिस्सा। Google का स्पीड टेस्ट सबसे बड़ी सामग्री को largest contentful paint कहता है: वह तत्व जिसका इंतज़ार करके वह पेज को बना हुआ मानता है।

• ब्राउज़र कुकी बॉक्स तभी जोड़ता था जब हर स्क्रिप्ट चल चुकी होती थी, धीमे कनेक्शन पर पाँच से सात सेकंड बाद। पूरे पेज का आकलन उसकी सबसे देर से आने वाली चीज़ से होता था।
• नौ फ़ॉन्ट फ़ाइलें (242 KB) हर पेज पर पहले लोड होती थीं, जबकि Cyrillic अक्षर सिर्फ़ रूसी पेज पर और extended Latin अक्षर अरबी पेज पर दो शब्दों में इस्तेमाल होते हैं। यानी ऐसे अक्षरों के लिए फ़ॉन्ट वेबसाइट को धीमा कर रहे थे जो पाठक शायद कभी देखे ही नहीं।
• बंद फोन मेन्यू में पाँच भाषाओं के नाम थे, हर एक अपने अक्षरों में। वह छिपा था, पर लेआउट में मौजूद था, इसलिए ब्राउज़र ने 170 KB फ़ॉन्ट उन अक्षरों के लिए लाए जो किसी ने खोले ही नहीं थे।
• हर पेज की साझा स्क्रिप्ट में पाँचों भाषाओं के शब्द थे, उसके 95 KB में से 80 KB, और इस्तेमाल उनमें से एक का होता था। यानी बहुभाषी वेबसाइट हर पेज पर सारी भाषाएँ लोड कर रही थी।
• एक मैसेजिंग ऐप की स्क्रिप्ट (25 KB, किसी और कंपनी से आती) हर विज़िटर के लिए हमारी अपनी स्क्रिप्ट के आगे बैठी थी, जबकि हमारी साइट उस ऐप के अंदर लगभग कोई नहीं खोलता।
• एक नोटिफ़िकेशन लाइब्रेरी, जिसे कोई कॉल ही नहीं करता था, और एक request लाइब्रेरी हर पेज पर साथ चल रही थीं। हर पेज साइट के चालीस बिल्डिंग ब्लॉक ढो रहा था, जबकि इस्तेमाल करीब एक दर्जन का होता है। स्टोर बैज का अपना कोई साइज़ नहीं था जब तक उनकी तस्वीरें न आ जाएँ।
• तेज़ कंप्यूटरों पर, जैसे स्पीड टेस्ट चलते हैं, छिपे मेन्यू और चैट के फ़ॉन्ट ओपनिंग स्क्रीन बनने से पहले शुरू हो सकते थे, और टेस्ट उन्हें दो में से एक बार पेज के खाते में गिन लेता था।

मोड़ यह समझने में था कि इसमें से कुछ भी सामग्री नहीं थी। ओपनिंग स्क्रीन उन चीज़ों का इंतज़ार कर रही थी जो वह दिखाती ही नहीं।

पेज हल्के होने पर भी आपकी वेबसाइट मोबाइल पर धीमी क्यों है

यह गलती सिर्फ़ हमने ही नहीं की। जब साइट समय के साथ बनती है, तो हर टूल अपनी स्क्रिप्ट, फ़ॉन्ट और सेटिंग्स लेकर आता है। प्राइवेसी के लिए कुकी बैनर जुड़ता है, बिक्री के लिए चैट बटन, रास्ता दिखाने के लिए मैप। हर एक काम का है, और हर एक ओपनिंग स्क्रीन के आगे कुछ रख सकता है। कुकी बैनर का वेबसाइट को धीमा करना इसका साफ़ उदाहरण है: फोन पर यह टेक्स्ट का सबसे बड़ा हिस्सा हो सकता है, इसलिए टेस्ट जिस तत्व का इंतज़ार करता है वह यही बन सकता है, जबकि यह आपकी सामग्री नहीं है। कोई भी तत्व जो देर से आए और काफ़ी बड़ा हो, वही पैमाना बन सकता है।

हमने क्या बदला और अब साइट में क्या है

ओपनिंग स्क्रीन जो कुछ नहीं दिखाती, वह सब हमने पेज बनने के बाद पर डाल दिया। कुकी बॉक्स अब पेज के अंदर ही आता है और ओपनिंग स्क्रीन के साथ बनता है। जो विज़िटर पहले जवाब दे चुका है, उसे यह कभी चमकता नहीं दिखता, क्योंकि उसका जवाब कुछ भी बनने से पहले पढ़ लिया जाता है। पेज पहले सिर्फ़ Latin अक्षरों की तीन फ़ॉन्ट फ़ाइलें लोड करता है; बाकी तभी आती हैं जब किसी पेज में ऐसा अक्षर हो जिसे उनकी ज़रूरत हो। फोन मेन्यू की भाषा वाली पंक्ति तब जुड़ती है जब पेज जवाब दे सके, यानी जैसे ही कोई मेन्यू खोल सके। हर भाषा के शब्द अपनी अलग फ़ाइल में हैं, जिसे सिर्फ़ उस भाषा का पेज लाता है; भाषा बदलने पर पेज बदलने से पहले नए शब्द आ जाते हैं, इसलिए कोई पेज कभी गलत शब्दों में नहीं दिखता। मैसेजिंग ऐप की स्क्रिप्ट और साइट चैट पेज के बाद लोड होते हैं, जब ब्राउज़र खाली हो। बिना इस्तेमाल की नोटिफ़िकेशन लाइब्रेरी हट गई, request के लिए वही इस्तेमाल होता है जो ब्राउज़र में पहले से है, और हर पेज सिर्फ़ वही बिल्डिंग ब्लॉक ढोता है जो वह दिखाता है। स्टोर बैज अपना साइज़ खुद बताते हैं, इसलिए उनके आने पर कुछ हिलता नहीं, और छिपे मेन्यू के फ़ॉन्ट तथा चैट अब तब तक रुकते हैं जब तक पेज सचमुच बन न जाए।

ये बदलाव 10 October 2026 को हर पेज पर, पाँचों भाषाओं में लाइव हुए। जब हमने 14 October को जाँचा, तो एक पेज पहले तीन फ़ॉन्ट फ़ाइलें, करीब 102 KB, लोड करता था, जहाँ पहले नौ (242 KB) लोड करता था। हर पेज की साझा स्क्रिप्ट करीब 22 KB compressed है, जहाँ पहले 95 KB थी, और होम पेज की स्टाइल शीट 27 से 22 KB हो गई। कुकी बॉक्स पेज के आते ही उसका हिस्सा है, ओपनिंग स्क्रीन के साथ बनता है, हर स्क्रिप्ट के बाद नहीं। ओपनिंग स्क्रीन का नया स्पीड-टेस्ट आँकड़ा हमने अभी नहीं लिया है, इसलिए हम कोई दावा नहीं कर रहे।

आप खुद क्या जाँच सकते हैं

• अपने होम पेज को Google के मुफ़्त स्पीड टेस्ट में mobile सेटिंग पर चलाइए और देखिए वह किस तत्व को सबसे बड़ा बताता है। अगर वह आपका कुकी बैनर है, तो वहीं से शुरू कीजिए।
• धीमे कनेक्शन पर अपनी साइट फोन पर खोलिए और देखिए सबसे आख़िर में क्या दिखता है। अक्सर ओपनिंग स्क्रीन उसी का इंतज़ार कर रही होती है।
• टेस्ट की डाउनलोड सूची में ऐसे अक्षरों की फ़ॉन्ट फ़ाइलें देखिए जो आपका पेज इस्तेमाल नहीं करता।
• पूछिए कि आपकी साइट का हर पेज हर भाषा का टेक्स्ट लोड करता है या सिर्फ़ अपनी भाषा का।
• अपनी साइट पर दूसरी कंपनियों की स्क्रिप्ट की सूची बनाइए, जैसे चैट, मैसेजिंग और ट्रैकर, और देखिए कि कोई भी आपकी सामग्री से पहले लोड न हो।

आगे क्या करें

स्पीड टेस्ट में सबसे बड़े तत्व से शुरू कीजिए। अगर वह कुकी बैनर है, या ओपनिंग स्क्रीन जो कुछ और नहीं दिखाती, तो जो आपकी साइट देखता है उससे कहिए कि इसे वहाँ से हटाए ताकि यह पेज के साथ या पेज बनने के बाद आए। DNS रिकॉर्ड, प्लगइन, पेमेंट या ईमेल सेटिंग्स खुद न बदलिए। ओपनिंग स्क्रीन किसका इंतज़ार करती है, यह पता लगाना उस तरह की ट्रेसिंग है जो हमारे इंजीनियर क्लाइंट्स के लिए करते हैं; ऊपर दी जाँच वहीं से शुरू होती है।