Moderne CSS-Rendering-Performance: Die Interna der Webseiten-Optimierung
In diesem Vortrag werden wir die Rendering-Pipeline des Browsers entmystifizieren und die verschiedenen Möglichkeiten erkunden, wie Sie das Benutzererlebnis durch eine Verbesserung der CSS-RenderingPperformance verbessern können.
Wir werden zum Kern der Browser-Rendering-Optimierung vordringen, aufdecken, was sich dort unter der Haube verbirgt, und die Verbesserungsmöglichkeiten aufzeigen, die man mit nur ein paar Zeilen CSS und der RenderingNG-Architektur nutzen kann.
Alle behandelten Implementierungen werden vorgeführt, damit Sie ihre Anwendung in der Praxis sehen können.
Vorkenntnisse
- Grundkenntnisse der Web-Performance
Lernziele
- Verstehen der Browser-Rendering-Pipeline
- In-Browser-Debugging mit DevTools
- Das Flame Chart lesen und Rendering-Arbeiten erkennen
- Erkennen der Layout-Wurzel und Reduzierung der Renderzeit
- Verwendung der Browser-eigenen Performance-Tools
- Wissen über die Anwendung von CSS-Eingrenzungsstrategien, CSS-Transformation vs. Transition
- Die Fähigkeiten der RenderingNG-Architektur kennenlernen