LCP तत्व को बाहर निकालने से तीन संसाधनों को रोकें

Performancekamo-marketing
शिप
20 अगस्त 2026 को 3:13 am बजे UTC
लेखक
Kamo
Commit
86cb9fc

एलसीपी ब्रेकडाउन वह जगह है जहां शेष समय है, और इसके दो लोडिंग सबपार्ट - 270 ms संसाधन लोड देरी, लोड अवधि के 500 ms - एक प्राथमिकता समस्या है, आकार की समस्या नहीं। तत्व हीरो बैकड्रॉप है, एवीआईएफ के 14.8 KB, और यह 44 ms में कैश से कार्य करता है। क्या यह प्रतिस्पर्धा थी, सभी का दावा उच्च इससे पहले <head>: इंटर 48.4 KB preloaded अंतरिक्ष Grotesk 22.3 KB preloaded Logo-full-white.svg 15.6 KB preloaded (तार पर ज़िपित) ************* ~86 KB, 14.8 KB के LCP संसाधन के खिलाफ कुछ भी लोगो प्रीलोड के लिए कहा जाता है। React autopreloads the first image in the first image. पेड़ और यह नौसेना लोगो है, इसलिए यह एक प्राथमिकता दावा है कि यह कभी जरूरत नहीं थी विरासत में मिली - यह कोने में 140x40 अंक है। `fetchPriority="low"` ने संकेत को छोड़ दिया पूरी तरह से यह लोगो उस 140x40 के लिए स्रोत का 39 KB भी है: 89 ऑटो-ट्रेड पथ पर पूर्ण पूर्ण पूर्णांक परिशुद्धता। 2 दशमलव स्थानों पर फिर से कोडित यह 19.2 KB कच्चे / 7.3 KB है gzipped, तार पर एक 54% कटौती। स्पष्ट रूप से svgo के mergePaths के बिना, जो 89 पथों को 5 में ढंक दिया - जो फिलिंग-रॉल वाइंडिंग को फिर से लिखते हैं, जो कि कैसे है पत्र काउंटरों को काट दिया जाता है और यह साबित करने के लिए यहां कोई हेडलेस ब्राउज़र नहीं है सही लग रहा है। रूढ़िवादी पास किसी भी तरह की बचत होती है। स्पेस ग्रोटेस्क अपने प्रीलोड को खो देता है, और इसकी रक्षा करने वाली टिप्पणी में प्रीमिज़ था गलत: यह दावा किया कि नायक का h1 LCP तत्व है। Lighthouse नाम LCP स्पष्ट रूप से और यह पृष्ठभूमि छवि है। 'display: swap' पहले से ही मतलब नहीं इस चेहरे पर टेक्स्ट इंतजार करता है, और अगली पीढ़ी की गिरावट मिलान करती है आकार समायोजित मीट्रिक तो स्वैप लेआउट स्थानांतरित नहीं करता है। इंटर अपने प्रीलोड रखता है - यह शरीर का पाठ है और यही वह जगह है जहां वास्तव में एक स्वैप महसूस किया जाएगा। इसके अलावा, अनुकूलित छवियों का जवाब `max-age=86400, होना चाहिए-revalidate` है। वे यूआरएल हैं सामग्री-addressed - स्रोत, चौड़ाई और गुणवत्ता सभी क्वेरी स्ट्रिंग में हैं - इसलिए वे अलग-अलग बाइट्स वापस नहीं कर सकते। एक साल के लिए तैयार किया गया। next.config.ts भी `experimental.inlineCs` के पुनः परीक्षण रिकॉर्ड करता है, जो रहता है बंद इस बात को देखते हुए कि क्यों? <head> में परिणाम: लोगो प्रीलोड चला गया है, और इससे पहले प्राथमिकता का दावा करने वाले बाइट्स LCP छवि की गिरावट ~86 KB से ~56 KB तक।.

सभी बदलाव

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

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

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