- शिप
- 19 अगस्त 2026 को 5:29 pm बजे UTC
- लेखक
- Kamo
- Commit
- 917ad87
होमपेज ने अपना पूरा मोड़ अदृश्य भेज दिया। फ़्रेमर मोशन ने एक को क्रमबद्ध किया प्रीरेन्डर्ड एचटीएमएल में एक इनलाइन शैली के रूप में 'इन्टिरियल' प्रोप, इसलिए मार्कअप <h1>, कॉपी कॉलम, रील एपर्चर और फुल-ब्लेड के साथ पहुंचे 'opacity' पर सभी पृष्ठभूमि: 0` - और उस रास्ते में रहने जब तक React था डाउनलोड किया गया और हाइड्रेटेड किया गया और अपना पहला एनीमेशन फ्रेम चला गया। पहला और पहला इसलिए सबसे बड़ा कंटेंटफुल पेंट एक क्वार्टर-मेगाबाइट जावास्क्रिप्ट को माप रहा था पेज के बजाय बंडल: सर्वर ने पहले ही हेडलाइन को प्रस्तुत किया था, और एक स्क्रिप्ट इसे वापस पकड़ रही थी। कुछ भी नहीं देखता - निर्माण नहीं, प्रकार चेक, लिंट रन या नेविगेशन गार्ड - और डेस्कटॉप लिंक पर यह है अदृश्य। `curl` पृष्ठ और गिनती `opacity:0`: 102 उनमें से प्रत्येक तत्व उनके बीच गुना ऊपर। उसी प्रवेश द्वार, उसी अवधि में और आसान, अब सीएसएस कीफ्रेम हैं। एक स्क्रिप्ट प्राप्त होने से पहले स्टाइलशीट को पार्स किया जाता है। LCP पृष्ठभूमि एक कीफ्रेम के बजाय एक संक्रमण का उपयोग करती है, क्योंकि एक संक्रमण होता है प्रारंभिक प्रतिपादन पर नहीं चल रहा है - इसलिए आगमन पर जो फ्रेम ऊपर है वह बस है ऊपर, LCP के लिए इंतजार करने के लिए कुछ भी नहीं है। लोड विंडो के बाकी, इसकी लागत के अवरोही क्रम में: रील ने पहले बाइट से भुगतान करना शुरू किया - `preload="metadata'``, एक तत्व पर पोस्टर, और 540p rung पर एक अनुकूली सीढ़ी उद्घाटन 1.17 एमबीपीएस - एक एपर्चर के लिए कि एक संकीर्ण दृष्टिकोण पर गुना नीचे बैठता है, प्रतिलिपि स्तंभ के तहत। यह अब लोड इवेंट के लिए इंतजार करता है, फिर मुख्य के लिए धागे को निष्क्रिय करने के लिए, फिर एपर्चर के लिए एक दृष्टिकोण के भीतर आने के लिए। स्तर खिलाड़ी के आकार पर कब्जा कर लिया जाता है और एक फोन पर नीचे के रन पर शुरू होता है। सेव-डाटा और 2G / 3G पाठक पोस्टर फ्रेम और पुनरारंभ बटन रखते हैं। · पोस्टर स्वयं एक दिन कैश हेडर पर 93 KB JPEG था। माध्यम से छवि ऑप्टिमाइज़र यह एक अपरिवर्तनीय यूआरएल पर 26 KB AVIF है, और यह नहीं है जब तक रील चाहता है तब तक प्राप्त हुआ। · ब्रांड लोगो 8-decimal potrace उत्पादन के 132 KB है, जिसे प्रीलोड किया गया है। छवि, एक मार्क 140 px चौड़ा आकर्षित करने के लिए। 3503-इकाई के एक दशमलव में गोल बार-बार भरने वाले फहराने के साथ अंतरिक्ष, यह 59 KB है - ज्यामितीय रूप से समान सबसे बड़े आकार में 0.0023 सीएसएस px तक यह कभी भी प्रस्तुत किया गया है। स्क्रिप्ट/ अनुकूलन लोगो svg.mjs idempotent है, अगली बार लोगो का निर्यात किया जाता है। · जीएसएपी साइट में प्रत्येक पृष्ठ की उत्सुक स्क्रिप्ट सूची में चार बार था ओवर: प्रगति बार की चमक पर एक मोड़, `gsap.set()` लेखन दो स्थिर शैली गुण, एक `fromto` ने एक लहर को डुप्लिकेट किया था पहले से ही आनुवांशिक और एक वैश्विक समय-समय पर कॉल कि केवल पाठकों के लिए आग जिन्होंने कम गति के लिए कहा है। सभी चार महत्वपूर्ण से चले गए हैं पथ; अंतिम लोड पुस्तकालय अपनी शाखा के अंदर। · TouchOptimized हर बटन मापा, लिंक और इनपुट के दौरान पृष्ठ पर हाइड्रेशन, प्रत्येक को पिछले तत्व के लिखने के साथ पढ़ने में हस्तक्षेप करना - एक मजबूर-तुल्यकालिक लेआउट लूप कई सौ तत्वों लंबे, लैंडिंग में कुल अवरोधन फोन पर समय यह मदद करने के लिए मौजूद है। अब बैच पढ़ने और निष्क्रिय करने के लिए इंतजार करते हैं। · `<Script रणनीति="बादइंटरएक्टिव"> `<link rel="preload" का उत्सर्जन करता है। as="script">`, जिसने ब्राउज़र को एनालिटिक्स ट्रैकर को लाने के लिए कहा था। नायक पृष्ठभूमि के साथ उच्च प्राथमिकता। `lazyOnload` अभी भी रिकॉर्ड करता है एक पल बाद में और महत्वपूर्ण पथ पर जाएं। · नायक ने तीन पूर्ण-व्यूपोर्ट पृष्ठभूमि परतों को माउंट किया। रोटेशन है डेस्कटॉप केवल, इसलिए उनमें से दो स्थायी रूप से `opacity: 0` थे। · `clearCookieConsent` - स्थानीय स्टोरेज की दो लाइनें - से निर्यात किया गया था सहमति बैनर, इसलिए पाद लेख के "प्रबंधन कुकीज़" नियंत्रण ने 250 लाइनों को खींच लिया फ्रेमर मोशन के एक हिस्से में जो प्रारंभिक एचटीएमएल में प्रस्तुत करता है। यह चल रहा है app/lib/cookie-consent.ts, और बैनर और टोस्ट स्टैक अब माउंट ऑन निष्क्रिय: न तो आगमन पर कुछ भी पेंट करता है। · `experimental.optimizeCs` मुद्रित "✓ अनुकूलनCs" हर निर्माण में और किया था कुछ नहीं। यह पोस्ट-प्रोसेसिंग समाप्त एचटीएमएल द्वारा महत्वपूर्ण सीएसएस को रेखांकित करता है, जो ऐप राउटर कभी भी इसे हाथ नहीं देता। निर्मित उत्पादन के खिलाफ सत्यापित `beasties` backend वास्तव में स्थापित: <style> <head> में ब्लॉक, शून्य <style> स्टाइलशीट अभी भी एक सादे अवरुद्ध <link> है। Removed — एक ध्वज जो रिपोर्ट करता है जबकि इंर्ट ने पहले से ही एक आशावाद के रूप में पढ़ा। · 36 वर्ग चयनकर्ता और कोई संदर्भ के साथ Globals.css में 24 कुंजीफ्रेम भंडार, विक्रेता और दस्तावेज में कहीं भी शामिल है। क्रिटिकल-पैथ बाइट्स, gzip, एक साफ निर्माण के खिलाफ तैनात: एचटीएमएल 38,101 → 36,277 js 281,700 → 245,707 css 18,629 → 17,398 लोगो 57,390 → 22,902 कुल 395,820 → 322,284 (-19%) उत्सुक स्क्रिप्ट 15 → 13 पूरी तरह से उस के शीर्ष पर लोड विंडो में से: 93 KB पोस्टर, HLS प्रकट और इसके 1.17 एमबीपीएस खंड, दो पृष्ठभूमि छवियों और ट्रैकर। यहां नहीं: `/` उत्तर 307 से `/en`, जो URL एक पेज-स्पीड रन है परीक्षण और लाइटहाउस एक रीडायरेक्ट के रूप में गिना जाता है। एकमात्र वास्तविक निर्धारण है `localePrefix: 'as-need'```, और यह कैनोनिकल्स, hreflang, sitemaps को फिर से लिखते हैं। और हर आंतरिक href भर में ~250 मार्गों में 22 स्थानीय लोगों जबकि 301- हर अनुक्रमित / एन * यूआरएल। यह एक प्रदर्शन के बजाय एक एसईओ निर्णय है, और पहले से ही खुला कनेक्शन पर हॉप लागत ~ 60 एमएस।.