saarweb.net

Aktuelle Artikel aus der Webdesign Branche
Wenn in der Web Performance Optimierung vom „kritischen Rendering-Pfad“ (Critical Rendering Path) gesprochen wird, dann bedeutet das, dass für den aktuellen Viewport (meist der „above the fold“ Viewport, bevor der User scrollt) alle benötigten Dateien und Elemente vom Browser so schnell wie möglich geladen und verarbeitet werden. Der „Pfad“ ist hier die Kette an Events, die der Browser dafür ausführen muss – sprich HTML laden und parsen, Inline-CSS/-JS, sowie externe Ressourcen laden und verarbeiten, zudem Bilder, Fonts, vielleicht Videos und und und…

Zusammenfassend macht der Browser folgendes im Hintergrund, um die Webseite anzuzeigen:

1. Document Object Model (DOM)
2. CSS object model (CSSOM)
3. Render Tree
4. Layout

Paint

Um diesen Prozess für den Nutzer so kurz wie möglich zu halten, haben Frontend-Entwickler mittlerweile neue Möglichkeiten. Für die Optimierung kommen mehrere Bereiche in Frage, die zu analysieren und optimieren sind:

1. JavaScript asynchron laden
2. Critical CSS generieren und weitere Stile asynchron laden
3. Kritische Webfonts identifizieren und vorab laden
   
   Den gesamten Artikel finden Sie hier bei Hosteurope