Critical CSS Selector Extractor
मेल खाते तत्वों के नियम खोजने के लिए CSS और HTML fragment डालें। वास्तविक viewport visibility नहीं मापी जाती।
CSS और HTML स्थानीय रूप से संसाधित होते हैं (प्रत्येक 100 KB)। केवल selector matching; page render या first-screen visibility नहीं।
उपयोग कैसे करें
उपयोग कैसे करें
- CSS और जाँचने वाला HTML fragment डालें।
- उसके तत्वों से मेल खाने वाले नियम निकालें।
- उपयोग से पहले परिणाम देखें और वास्तविक rendered page से तुलना करें।
केवल selector matching
ब्राउज़र CSS नियम parse करके दिए गए HTML fragment पर समर्थित selectors जाँचता है। यह नहीं बताता कि तत्व वास्तव में first screen पर दिखता है, runtime class से प्रभावित है या layout में छिपा है।
Syntax और सीमाएँ
मेल खाते सामान्य style नियम और nested @media/@supports blocks रखे जाते हैं। @import, keyframes, font-face और असमर्थित at-rules हटाए जाते हैं। Static fragment में कुछ pseudo-state selectors मेल नहीं खा सकते। स्वयं समीक्षा करें।
स्थानीय और सीमित
CSS और HTML इसी ब्राउज़र में संसाधित होते हैं, प्रत्येक अधिकतम 100 KB। इसे पूर्ण production critical CSS परिणाम न मानें।
अक्सर पूछे जाने वाले सवाल
आप यह भी जानना चाहेंगे
क्या यह first screen में दिखने वाली चीज़ें ढूँढ़ता है?
नहीं। यह दिए HTML से selectors मिलाता है, layout render या viewport visibility नहीं गणना करता।
क्या हर CSS सुविधा रखी जाती है?
नहीं। केवल style नियम और समर्थित media/supports blocks; छोड़े गए नियम जाँचें।