जर्नल पेज को कितना कम लोड करना पड़ता है

जो पेज जल्दी खुलता है, वह पढ़ने में भी आसान होता है, ख़ासकर कमज़ोर सिग्नल वाले फ़ोन पर। यहाँ बताया गया है कि ipe.rest का एक जर्नल पेज असल में क्या लोड करता है, हमारे नापे हुए आकारों के साथ, और जानबूझकर क्या छोड़ देता है।

कल की प्रविष्टि उन छोटे चुनावों के बारे में थी जो पढ़ने वालों की मदद करते हैं। यह उनके पीछे के वज़न के बारे में है। हमने 5 नवंबर की प्रविष्टि का अंग्रेज़ी पेज लिया और देखा कि वह कौन-सी फ़ाइलें माँगता है। संख्याएँ 6 नवंबर 2026 की हैं।

एक छोटा-सा पेज

पेज ख़ुद 30,871 बाइट की एक ही HTML फ़ाइल है। नेटवर्क पर वह कंप्रेस होकर 8,255 बाइट, यानी लगभग 8 KB, भेजी जाती है। स्टाइल अलग स्टाइलशीट में नहीं, इसी फ़ाइल के भीतर लिखे हैं, इसलिए टेक्स्ट सजाने से पहले दूसरे अनुरोध का इंतज़ार नहीं करना पड़ता। पेज के मुख्य भाग में कोई चित्र नहीं है; सिर्फ़ लिंक पूर्वावलोकन की छोटी छवि, जो पेज पर कभी दिखती नहीं, उसके हेड में नामित है।

एक स्क्रिप्ट और उसका काम

पेज 6,218 बाइट की एक स्क्रिप्ट लोड करता है, कंप्रेस होकर लगभग 2.3 KB। वह वे छोटे काम करती है जो स्टैटिक पेज को भी चाहिए: भाषा बदलना, आपका चुनाव आपके ब्राउज़र में याद रखना और विज़िट गिनना। इसके पीछे कोई फ़्रेमवर्क नहीं है और इंस्टॉल करने को कुछ नहीं।

हमारे अपने सर्वर के फ़ॉन्ट

टेक्स्ट Inter में है, और छोटे लेबल के लिए JetBrains Mono। दोनों ओपन फ़ॉन्ट हैं और फ़ाइलें ipe.rest से ही परोसी जाती हैं: Inter के लिए 27,540 बाइट और मोनो फ़ॉन्ट के दो वज़न के लिए 20,420 और 21,164। किसी और कंपनी के सर्वर से कोई फ़ॉन्ट नहीं मँगाया जाता, इसलिए फ़ॉन्ट का कोई अनुरोध किसी और के पास नहीं जाता।

फ़ॉन्ट swap पर सेट हैं। आपका ब्राउज़र शब्द तुरंत उस फ़ॉन्ट में दिखा देता है जो उसके पास पहले से है, और फ़ॉन्ट फ़ाइल आने पर उसे बदल देता है। पढ़ना कभी डाउनलोड का इंतज़ार नहीं करता।

सब जोड़ने पर

कंप्रेस्ड पेज, कंप्रेस्ड स्क्रिप्ट और तीनों फ़ॉन्ट फ़ाइलें जोड़ें तो पहली बार का विज़िट लगभग 80 KB बैठता है। बाद के विज़िट हल्के होते हैं, क्योंकि आपका ब्राउज़र और साइट का अपना कैश फ़ाइलें सँभाले रखते हैं, और पेज बिना कनेक्शन के भी खुलते हैं, जैसा हमने इस हफ़्ते की शुरुआत में बताया था।

जो कहीं और से आता है

एक चीज़ हमारे सर्वर से नहीं आती: Google की एनालिटिक्स स्क्रिप्ट, जो पेज के बाद लोड होती है और जिसका वर्णन गोपनीयता पेज पर है। वह ऊपर के 80 KB में शामिल नहीं है, और उसके बिना भी टेक्स्ट वैसे ही पढ़ा जाता है।

जो हमने नहीं नापा

हमने फ़ाइलों के आकार नापे, यह नहीं कि धीमे कनेक्शन या पुराने फ़ोन पर पेज दिखने में कितना समय लेता है। प्रविष्टियाँ लंबी होने और स्टाइल बदलने पर आकार भी बदलते हैं, इसलिए इन संख्याओं को एक दिन के एक पेज की तस्वीर समझें।

ipe(); // a page is just a file

इसमें तोड़ने लायक कोई रिकॉर्ड नहीं है। यह एक आदत है: पेज में कुछ जोड़ने से पहले पूछना कि हट जाने पर पढ़ने वाले को उसकी कमी खलेगी या नहीं।