- शिप
- 19 अगस्त 2026 को 7:17 pm बजे UTC
- लेखक
- Kamo
- Commit
- 2d7c0c0
पिछले दो दौरों ने 87 से 67 तक स्कोर लिया। कुल अवरोधन समय 80 ms से 460 ms और LCP 3.9 s से 4.4 s तक। मेरे दो बदलावों ने ऐसा किया, और दोनों को इसी कारण से बनाया गया था। कारण पहले कह रहा है, क्योंकि यह वास्तविक सबक है: आइटम उस रिपोर्ट में "Insights" के तहत **Unscored ** चिह्नित कर रहे हैं। वे फ़ीड नहीं करते प्रदर्शन स्कोर। FCP, LCP, TBT, CLS और स्पीड इंडेक्स करते हैं। मैंने दो राउंड खर्च किए अनधिकृत अंतर्दृष्टि को अनुकूलित करना और उन्हें अंकित मीट्रिक में भुगतान करना। `experimental.inlineCs` — reverted. यह क्या वादा करता है: स्टाइलशीट रेंडर अवरुद्ध अनुरोध होने से रोकता है। लेकिन सीएसएस के 93 KB तो आना है और * * * * * * * * के बजाय समानांतर में दस्तावेज़ पार्स हो सकता है, इसके अलावा, और दस्तावेज़ 36 KB gzip से 74.7 KB तक चला गया। लाइटहाउस ने अकेले दस्तावेज़ को मापा 750 मीटर सीपीयू पर, और स्टाइल एंड लेआउट 573 मीटर से 826 मीटर तक गुलाब। एक अपरिवर्तनीय, कैशेबल, समानांतर अनुरोध उससे बेहतर है, और "रेंडर-ब्लॉकिंग अनुरोध" कभी नहीं बनाया गया था। हेडलाइन की compositable स्वीप - उलटा। यह शर्मनाक है, क्योंकि यह अपनी शर्तों पर विफल रहा: गैर-संयोजित तत्व गिनती यूपी गई, 34 से 41 तक। दो टेक्स्ट-क्लैप्ड मास्किंग लेयर्स को मिश्रित नहीं किया जा सकता है, इसलिए प्रतिस्थापन दो पेंट एनिमेटेड तत्व थे जहां एक हो गया था, साथ ही साथ एक स्थायी रूप से h1 के डबल रास्टर चला रहा है। मूल एकल तत्व संस्करण वापस है। क्या बदलता है दोनों ही परिवर्तन है जिसे पहले बनाया जाना चाहिए। ट्वेंटी इस पृष्ठ पर नियम एक अनंत एनिमेशन घोषित करते हैं - हेक्सागोन फ़ील्ड बहती है, जाल pulsing, ढाल फिसलने, कण फ्लोटिंग, बैनर shimmer। एक पर डेस्कटॉप कोई भी नोटिस नहीं है। लो-पावर फोन पर एक रन अनुकरण करते हैं, वे एक हैं स्थायी कर: अधिकांश स्टाइल एंड लेआउट, अधिकांश रेंडरिंग और उनमें से हर एक गैर-संयोजित एनीमेशन लेखा परीक्षा के तहत गिना जाता है। इसमें से कोई भी सामग्री नहीं है; पेज अभी भी यह सब के साथ समान रूप से पढ़ता है। वे अब 768 px से नीचे रुकते हैं - एक ही ब्रेकपॉइंट हीरो पहले से ही 'डेस्कटॉपमोशन' का फैसला करने के लिए उपयोग करता है, इसलिए कण फील्ड, पृष्ठभूमि रोटेशन और यह तीनों के बजाय एक साथ स्विच करता है विभिन्न चौड़ाई - और 'prefers-reduced-motion' के तहत। सभी 25 कवर किए गए हैं। प्रत्येक मूल्य के लिए पिन किया जाता है, इसके बजाय केवल बाकी है बंद कर दिया: एक तत्व जिसका 0% / 100% फ्रेम सेट `opacity: 0.05` में कोई opacity नहीं है अपने आप में वापस आने के लिए, और इसे रोकने के लिए unpinned या तो बाहर काला होगा बनावट या इसके तहत सामग्री भर में एक पूर्ण क्षमता ओवरले छोड़ दें। थीम्ड सेक्शन बैकड्रॉप अब फोन पर आधे-viewport चौड़ाई का अनुरोध करते हैं। पर गुणवत्ता 60 वे आकार में आधा करते हैं, लेकिन उनके पिक्सल का 4.08% एक बार में बदल जाता है मिश्रित, और एक चिकनी आकाश भर में बैंडिंग क्या एक पूर्ण खूनी पृष्ठभूमि शो है सबसे खराब - वही आपत्ति जिसने गुणवत्ता को अस्वीकार कर दिया 50 6.60%। गिराना इसके बजाय अनुरोधित चौड़ाई 193 KB से 77 KB तक कोई संपीड़न नहीं है सभी पर कलाकृतियों, पहले से ही एक तस्वीर पर एक रेडियल ब्लैक के तहत 60% तक अंधेरा हो गया ओवरले, अपारदर्शी सामग्री के पीछे। गुणवत्ता 75 पर रहती है। इसके अलावा, और अलग से इस प्रतिबद्धता से: HLS प्लेलिस्ट अभी भी थीं `max-age=300` का उत्तर देते हुए क्योंकि इनकोडिंग जॉब केवल उन्हें एक बार फिर से लिखते हैं। फिर से कोड करें। उनके मेटाडाटा को अब सीधे सेट किया गया है, इसलिए 1 किबी कैश-लाइफटाइम आइटम एक के लिए इंतजार किए बिना बंद है। एक वास्तविक बग जिस तरह से पकड़ा: ऊपर सीएसएस सर्जरी एक stray बंद ब्रेस छोड़ दिया लाइन 1480 पर। टर्बोपैक कैश्ड सीएसएस की सेवा कर रहा था, इसलिए तीन निर्माण पारित हो गए। इससे पहले कि वह उस पर असफल रहा। यह सीआई विफल हो गया है।.