Critical CSS Selector Extractor
I-paste ang CSS at HTML fragment para hanapin ang mga tugmang rule. Hindi nito sinusukat ang aktuwal na visibility sa viewport.
Lokal na pinoproseso ang CSS at HTML (tig-100 KB). Selector matching lang; hindi nirender ang page o sinusukat ang first-screen visibility.
Paano gamitin
Paano gamitin
- I-paste ang CSS at HTML fragment na susuriin.
- I-extract ang rules na tumutugma sa mga elemento nito.
- Suriin ang output at ihambing sa aktuwal na rendered page bago gamitin.
Selector matching lang
Pina-parse ng browser ang CSS at itinutugma ang supported selectors sa ibinigay na HTML fragment. Hindi nito alam kung nakikita talaga sa unang screen ang elemento, may runtime class, o nakatago sa layout.
Syntax at limitasyon
Pinananatili ang matching style rules at nested @media/@supports. Inaalis ang @import, keyframes, font-face at hindi suportadong at-rule. Maaaring hindi tumugma ang pseudo-state selector sa static fragment. Suriin nang mano-mano.
Lokal at may limitasyon
Sa browser lang pinoproseso ang CSS at HTML, hanggang 100 KB bawat isa. Hindi ito kumpletong production critical CSS result.
Mga madalas itanong
Maaari mo ring alamin
Hinahanap ba nito ang nasa unang screen?
Hindi. Selector matching lang sa ibinigay na HTML; walang layout rendering o viewport visibility calculation.
Pinananatili ba ang lahat ng CSS feature?
Hindi. Style rules at supported media/supports blocks lang; suriin ang mga hindi naisama.