- शिप
- 26 अगस्त 2026 को 2:11 am बजे UTC
- लेखक
- kamo
- Commit
- 65eed6d
क्लाइंट-साइड परफॉर्मेंस ऑडिट का बैच 4, और सबसे बड़ा। app/globals.css को ag-grid's stylesheets के दो @आयातों और रूट लेआउट के साथ खोला गया। Globals.css आयात - ग्रिड सीएसएस के 187 KB सभी 143 मार्गों के <head> में बैठा है और उनमें से प्रत्येक पर पहला पेंट अवरुद्ध, जिसमें /वैलिड और /लॉगआउट शामिल हैं। स्टाइलशीट इस ऐप में एकमात्र संसाधन है जो वास्तव में प्रस्तुत-ब्लॉक है, जिसने इसे बनाया लेखा परीक्षा में सबसे बड़ा एफसीपी आइटम और ठीक उसी में क्या पेजस्पीड रिपोर्ट "एलिमिनेटेड" के तहत संसाधनों को अवरुद्ध करना लेआउट की प्रविष्टि सीएसएस 334 KB से 147 KB तक गिरती है। आयात **************** एक रैपर है कि फिर से निर्यात करने के लिए कदम AgGridReact अपरिवर्तित, और सभी 34 मॉड्यूल जो आयात किए गए ag-grid-react अब माध्यम से जाते हैं यह 34 बिखरे हुए स्टाइलशीट आयात के बजाय रैपर क्योंकि 35th ग्रिड है एक है कि unthemed जहाज होगा - एक विफलता है कि एक फीचर में एक सीएसएस बग की तरह लग रहा है छुआ। स्क्रिप्ट/चेक-aggrid-import.mjs इसे लागू करता है और npm परीक्षण में चलता है। CASCADE, जो वह हिस्सा है जो जोर देने के बजाय साबित होने की जरूरत है। Globals.css अब बाद के बजाय BEFORE ag-grid लोड करता है, इसलिए प्रत्येक बराबर-विशिष्टता टाई के बीच एग-ग्रिड और टेलिविंड की प्रीफ्लाइट फ्लिप: उन्हें जीतने के लिए इस्तेमाल किए जाने वाले प्रीफ़लाइट, अब एग-ग्रिड करता है। आंखों के बजाय दोनों स्टाइलशीट्स पर सीएसएस-ट्री के साथ अलग-अलग तरीके से ऑडिट किया गया: - [हिडन] (0,2,0) है और अभी भी सभी 167 ag-grid `display` नियमों को (0,1,0) से बाहर निकाल दिया गया है। इसलिए छिपा हुआ कुछ भी दिखाई नहीं देता। Preflight's [role="button"] उन्हें देता है - वे संबंध नहीं हैं। विशेषता coders (ew-resize, हड़पना, चाल, सेल) बैठते हैं और खींचें हैंडल जो ले जाते हैं न तो [role="button"] और न ही: अक्षम। - इस फ़ाइल के सभी 20 के अपने .ag-theme-alpine overrides या तो पूरी तरह से! (0,3,0)+, इसलिए वे किसी भी तरह से स्वतंत्र हैं। - ag-grid के पांच नंगे तत्व नियम <ag-grid-angular> और दोस्त, तत्व नाम हैं यह ऐप कभी प्रस्तुत नहीं करता है, साथ ही एक बॉडी कस्टम प्रॉपर्टी प्रीफ्लाइट सेट नहीं होता है। एक वास्तविक फ्लिप: ag-grid जहाजों `[class ^=ag-] { रूपरेखा: कोई नहीं }` और प्रीफ्लाइट जहाजों `:-moz-focusring { रूपरेखा: ऑटो }`, दोनों (0,1,0), इसलिए फ़ायरफ़ॉक्स उपयोगकर्ताओं ने खो दिया होगा प्रत्येक ग्रिड के अंदर कीबोर्ड फोकस रिंग। Globals.css pin that one explicitly at (0,2,0) इसलिए यह दोनों को आदेश की परवाह किए बिना मारता है और गणना मूल्य वास्तव में यह क्या था। इस बैच में भी: सार्वजनिक / `Cache-Control: सार्वजनिक, अधिकतम आयु = 0` के साथ परोसा जाता है, इसलिए सभी 24 MB आइकन, रिंगटोन, लोगो और पीडीएफ कार्यकर्ता को हर हार्ड लोड पर रिवॉर्ड किया गया था। अब एक घंटे stale-time-revalidate के साथ - जानबूझकर नहीं `immutable` और जानबूझकर नहीं एक साल, क्योंकि जनता के तहत कुछ भी नहीं है / next/static is, इसलिए एक फ़ाइल एक तैनाती द्वारा प्रतिस्थापित अपने यूआरएल को रखता है और `immutable` पुराने बाइट्स को बिना किसी तरह से पिन करेगा इसे बसाने के लिए। लॉन्चपैड। उन तीन कॉल साइटों को अगले / छवि के माध्यम से जाना जाता है, जो एक आकार का WebP प्रदान करता है कुछ KB मास्टर फ़ाइल अकेले छोड़ दी गई है: CopilotHero 148 पर समान परिसंपत्ति प्रदान करता है सीएसएस px और इसकी जरूरत है। सत्यापित: लक्षित tsc -noEmit रैपर पर साफ, अगले / छवि कॉल साइटों और दोनों अपने विशिष्ट आयातों के साथ पुनः प्राप्त ग्रिड मॉड्यूल का नमूना; सभी 9 गार्ड स्क्रिप्ट पास, जिसमें नए शामिल थे, जिसे एक प्लांटेड डायरेक्ट पर विफल होने की पुष्टि की गई थी तार होने से पहले आयात करें।.