Kritischer Rendering-Pfad
Die Abfolge von Schritten, die der Browser vom Empfang des HTML bis zum Zeichnen der ersten Pixel auf dem Bildschirm durchläuft: HTML parsen → DOM, CSS parsen → CSSOM, zum Render-Baum kombinieren, Layout, Paint. Diesen Pfad zu optimieren ist der Schlüssel zu schnell wahrgenommenem Laden.
Die Schritte: Der Browser baut parallel den DOM (aus HTML) und das CSSOM (aus CSS), kombiniert beide zu einem Render-Baum (nur sichtbare Elemente mit Stilen), führt das Layout aus (Positionen und Größen berechnen) und zeichnet schließlich beim Paint die Pixel. Flaschenhälse: CSS ist render-blockierend (nichts wird gezeichnet, bevor das CSSOM fertig ist), und synchrone Skripte blockieren das Parsen des DOM. Optimierung: kritisches CSS minimieren und priorisieren (das für den ersten sichtbaren Inhalt Nötige inline einbetten), unkritisches CSS/JS asynchron oder verzögert laden, die Zahl render-blockierender Ressourcen senken und HTML früh ausliefern (Streaming). Dieser Pfad ist die Grundlage, um First Contentful Paint und Largest Contentful Paint zu verbessern.