Die Konferenz für Enterprise-JavaScript
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
Speaker
Michael Hladky ist Google Developer Expert (GDE), Microsoft MVP, Trainer und Berater mit Schwerpunkt auf Angular und RxJS. Seit Jahren hilft er Unternehmen und Entwicklern, Anwendungen und Teams zu skalieren, um mit der neuesten Entwicklung Schritt zu halten. Als aktives Mitglied der Tech-Community organisiert er regelmäßig mehrere Community-Events und Workshops, um etwas zurückzugeben.