प्रत्येक स्क्रॉल फ्रेम पर दस्तावेज़ को फिर से शुरू करना बंद करें

शिप

20 अगस्त 2026 को 3:33 am बजे UTC

लेखक

Kamo

Commit

73d73f8

होमपेज पर दो स्क्रॉल श्रोता ने प्रति घटना `scrollHeight` पढ़ा। यही है लेआउट क्वेरी, और यह पृष्ठ एक बार बार बनाने के लिए सबसे खराब स्थान है: इसका अनुभाग `content-visibility: ऑटो` का उपयोग करते हैं, इसलिए स्क्रॉल लगातार अमान्यताएं लेआउट और वहाँ कभी नहीं से पढ़ने के लिए एक साफ है - हर पढ़ा बलों एक तुल्यकालिक पुनर्प्रवाह। दस्तावेज़ की ऊंचाई तब नहीं बदलती है जब यह हो रहा है स्क्रॉल करें, इसलिए अब दोनों एक बार मापते हैं और केवल आकार देने पर या जब एक बार फिर उपाय करते हैं दस्तावेज़ तत्व पर ResizeObserver कहते हैं कि वास्तव में कुछ बदल गया है। हिडनएनिमेशन दोनों के बदतर थे और न केवल फिर से प्रवाह के लिए। यह रखा इसकी किताब रिएक्ट स्टेट में है, इसलिए इसे हर स्क्रॉल इवेंट में सेटस्टेट कहा जाता है - एक प्रत्येक स्क्रॉल के प्रति फ्रेम प्रदान करें - और क्योंकि दोनों मान प्रभाव में थे निर्भरता सरणी, प्रभाव हर बार श्रोता को फाड़ और फिर से संलग्न किया भी। रेफरी यह अदृश्य बनाने के लिए जब तक अंडा वास्तव में आग लग जाती है, श्रोता निष्क्रिय है, और काम प्रति फ्रेम एक आरएएफ में गठबंधन है। इसके अलावा स्पेस ग्रोटेस्क के प्रीलोड को पुनर्स्थापित करता है, जो एक जानबूझकर उलटा है बल्कि एक फ्लिप फ्लॉप की तुलना में: संकेत की लागत क्या है? यह था हटा दिया क्योंकि यह LCP छवि के खिलाफ प्राथमिकता का दावा करता है, और यह विवाद है अब चला गया - लोगो ने अपना प्रीलोड खो दिया और आकार में लगा दिया, और एलसीपी सबपार्ट्स नहीं अब रिपोर्ट में दिखाई देते हैं। संकेत के बिना चेहरे को केवल तभी खोजा जाता है जब स्टाइलशीट पार्स, जिसने इसे क्रिटिकल चेन में एक THIRD लिंक बनाया (document -> CSS -> font) यही कारण है कि अधिकतम महत्वपूर्ण पथ विलंबता करने के लिए 488 एमएस और 300 एमएस तक रेंडर-ब्लॉकिंग अनुमान को धक्का दिया, क्योंकि हटाने के बाद से स्टाइलशीट ने उस पर भी फ़ॉन्ट की निर्भरता को हटा दिया होगा। सत्यापित करता है कि प्रीलोड और @font-face उसी URL को हल करता है - अगला उत्सर्जन प्रीलोडेड चेहरों के लिए एक अलग `.p.` संस्करण, और एक बेमेल वहाँ एक होगा व्यर्थ संकेत प्लस एक ही फ़ॉन्ट का दूसरा डाउनलोड।.