साइट से फ्रेमर-गति निकालें

Performancekamo-marketing
Shipped
20 अगस्त 2026 को 2:28 am बजे UTC
Author
Kamo
Commit
6a63737

"Reduce unused JavaScript" ने प्रत्येक रिपोर्ट में एक ही 35.4 केबी हिस्से का नाम दिया है, और यह फ्रेमर मोशन है। यह मुखपृष्ठ पर एक उत्सुक स्क्रिप्ट नहीं है, जो है क्यों यह पहले से गुजर रहा था - यह आता है क्योंकि पाद लेख 27 मार्गों को जोड़ता है और <Link> अपने चंकों को तैयार करता है, और उन मार्गों के ग्राहकों ने अभी भी इसे आयात किया। इसे अकेले मुखपृष्ठ से निकालना कभी संभव नहीं था; पुस्तकालय जाना था। समस्या के दो तिहाई कोड nobody कॉल करने के लिए बाहर हो गया। 86 फाइलें आयातित फ्रेमर-मोशन और उनमें से 62 को कुछ भी नहीं बल्कि मार्कडाउन गाइड द्वारा संदर्भित किया जाता है। उन्होंने उन्हें प्रस्तावित किया - भौतिकीफील्ड, लिक्विडवेव, डेटाविज़3डी, प्रशंसापत्र3DCarousel और 58 इन्हें हटा दिया जाता है। मृत फ़ाइलों ने कभी भी एक चंक में प्रवेश नहीं किया, इसलिए यह नहीं है जहां बाइट्स थे; यह वही है जो शेष काम को वापस लेने योग्य बनाता है और क्या रुक जाता है पुस्तकालय उनमें से एक के लिए पहुंचने के लिए किसी के द्वारा पुन: उत्पन्न किया जा रहा है। 24 लाइव फाइलें 130 गति तत्व हैं, और वे सभी तीनों में से एक हैं चीजें: एक प्रवेश द्वार, एक होवर, या एक प्रेस। वे `.reveal`, `.lift` हैं और `.press`, जो पहले से ही Globals.css में मौजूद है और रनटाइम पर कुछ भी नहीं है - `animation-timeline: view()` पीछे एक @ समर्थक गार्ड, इसलिए बिना किसी ब्राउज़र स्क्रॉल संचालित एनिमेशन केवल सामग्री को दर्शाता है। AnimatePresence रैपर उनके बच्चे पहले से ही सशर्त रूप से प्रस्तुत किए गए थे, और क्या खो गया है उन तत्वों पर बाहर निकलने वाला एनिमेशन है जो बिना किसी राशि के। पुष्टिकरण पृष्ठ को पुनर्लेखन नियम के बजाय वास्तविक कार्य की आवश्यकता होती है। इसके चेकमार्क तीन उपयोग किया गया थाएक दूसरे का इंतजार करते हुए एनीमेशन नियंत्रण, इसलिए पृष्ठ का विस्तार करना यह दिखाने के लिए मौजूद नहीं था जब तक कि रनटाइम को हाइड्रेटेड नहीं किया गया था। अनुक्रम है फिक्स्ड ऑफ़सेट, इसलिए यह चार कीफ्रेम ट्रैक अब है, दूसरी जोड़ी ने 0.8s में देरी की जैसा कि इंतजार किया गया संस्करण था। इसकी `style = {{ घुमाएँ: -90, OriginX}}` फ्रेमर की खुद की बोली, जो सादे प्रतिक्रिया DOM को आगे बढ़ाती है जहां `rotate` का मतलब है कुछ और और `originX` का मतलब कुछ भी नहीं है - यह अब एक वास्तविक रूपांतरण है। फ्रेमर-गति को अनइंस्टॉल किया गया है, इसलिए यह चुपचाप वापस नहीं जा सकता: एक आयात विफल हो गया चुपचाप 110 KB को 27 मार्गों पर वापस डालने के बजाय निर्माण। सत्यापित: स्वच्छ निर्माण, टाइपचेक और सभी तीन गार्ड।.

All changes

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

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

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