HTML und CSS · Middle · Frage 17 von 75
Was ist Critical CSS?
- 1Styles für den sichtbaren Bereich inline im
<head>; der Rest lädt später - 2Styles, die der Browser jedes Mal ohne Caching neu laden muss
- 3Styles mit
!importantfür kritisch wichtige UI-Elemente
Antwort zeigen
Richtige Antwort: Styles für den sichtbaren Bereich inline im <head>; der Rest lädt später
Erklärung
Externes CSS blockiert das Rendern: Der Browser zeichnet nicht, bevor die Styles geladen sind. Bettet man die Styles für den sichtbaren Bereich ins HTML ein und lädt den Rest asynchron, kommt das erste Zeichnen (FCP/LCP) früher. Der Nachteil sind doppelte Styles und ein komplexerer Build.