Critical CSS sind die wenigen Regeln für den zuerst sichtbaren Bereich, die direkt ins Dokument geschrieben werden, damit die Seite früher erscheint.
- Critical CSS
Die Teilmenge der CSS-Regeln, die für den ohne Scrollen sichtbaren Bereich gebraucht wird und deshalb direkt im Dokument steht.
Beispiel: „Critical CSS spart die Wartezeit auf das externe Stylesheet.“
Das Problem, das es löst
Ein externes Stylesheet blockiert die Darstellung, bis es geladen ist. Bei langsamer Verbindung sieht der Besucher solange nichts. Stehen die nötigen Regeln im Dokument, erscheint der obere Bereich sofort.
Was es kostet
Die Regeln wiederholen sich auf jeder Seite und werden nicht zwischengespeichert. Außerdem muss jemand bestimmen, was zum sichtbaren Bereich gehört, und das ändert sich mit jeder Vorlage. Automatische Werkzeuge nehmen das ab, und ihr Ergebnis gehört geprüft.