स्टाइलशीट को इनलाइन करें और पॉलीफिल छोड़ दें कुछ भी नहीं पहुंच सकता

Performancekamo-marketing
शिप
19 अगस्त 2026 को 6:09 pm बजे UTC
लेखक
Kamo
Commit
fb06a4a

दो लाइटहाउस निष्कर्ष, जिनमें से दोनों पिछले दौर के बाद खुले रहते थे क्योंकि मैंने निष्कर्ष निकाला था कि वे पता नहीं थे। वे थे; मैंने कठिन नहीं देखा था पर्याप्त। RENDER-BLOCKING REQUESTS (560 ms)। स्टाइलशीट एकमात्र अवरुद्ध अनुरोध था दस्तावेज़ के बाद पृष्ठ और पूरे महत्वपूर्ण अनुरोध श्रृंखला पर छोड़ दिया - 244 ms for /en, उसके बाद 416 ms to the time 17.6 KB of CSS ने इसका अनुसरण किया था। The पिछले निष्कर्ष यह था कि ऐप राउटर को इनलाइन करने या इसे स्थगित करने का कोई तरीका नहीं है। यह करता है: `experimental.inlineCs`, जो ऐप राउटर का अपना तंत्र है और वास्तव में 'optimizeCs' की बात विफल हो गई है - कि एक पोस्ट-प्रोसेस समाप्त हो गया एचटीएमएल, जो एक धाराबद्ध प्रतिक्रिया कभी यह हाथ नहीं है। अब स्टाइलशीट एक <style> है <head> में और वहाँ सभी पर कोई अवरुद्ध अनुरोध है। इसमें प्रवेश दस्तावेज पर ~37 KB gzip खर्च होता है और यह उस मामले में इसके लायक है कि मामले: किसी को खोज परिणाम से ठंड लगना, जो मामला है मापा गया। ग्राहक नेविगेशन अप्रभावित हैं - आरएससी पेलोड एक <Link> प्रीफेच इसमें कोई सीएसएस नहीं है, जिसे 32 KB में शून्य <style> के साथ सत्यापित किया गया है। LEGACY JAVASCRIPT (13.5 KB). अगले आयात `polyfill-module` बिना शर्त से इसके ग्राहक प्रविष्टि: ************* Mark.prototype ************* Promise.prototype.finally, Object.fromEntries, Object.hasOwn, URL.can पार्स 2021-22 से प्रत्येक देशी। वे केवल यहां अनावश्यक नहीं हैं, वे अप्राप्य हैं। यह साइट बनाई गई है टेलविंड v4 के साथ, जो `@property`, `color-mix()` और cascade को संकलित करता है। परतें; इसकी मंजिल क्रोम 111 / सफारी 16.4 / फ़ायरफ़ॉक्स 128 है, सभी * लाटर * की तुलना में उस सूची में प्रत्येक विशेषता। फ़ाइल की आवश्यकता के लिए पर्याप्त पुराने ब्राउज़र को प्रस्तुत नहीं किया जा सकता है यह पृष्ठ फ़ाइल प्रस्तुत करने में मदद करता है। `browserslist` इसे हटा नहीं देता है - मापा जाता है, और युक्त भाग बनाया गया एक ही हैश के साथ बाइट-identical, यही कारण है कि यह प्रयास बदले गए बल्कि सजावट के रूप में छोड़ दिया से। न ही पैकेज-relative specifier की ओर बढ़ रहा है: इसके बाद इसे ************* ********** इसलिए आलिया को सापेक्ष रूप से मिलान करना पड़ता है। सभी 74 उत्सर्जित चंकों को बाद में मान्य JS के रूप में फिर से जांचा गया। यदि अगला मॉड्यूल को स्थानांतरित करता है तो आलिया मिलान बंद हो जाता है और पॉलीफिल वापस आते हैं - विफलता मोड एक टूट निर्माण के बजाय स्थिति है।.

सभी बदलाव

जैसा कि आप शिपिंग देखते हैं?

इन अद्यतनों में से प्रत्येक स्वचालित रूप से अपने कार्यक्षेत्र में उतरता है। प्रारंभ करें और सप्ताह के बाद इसे सप्ताह के अंत में देखें।.

Foreverमूल्य निर्धारण देखें