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
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.

enterJS-Newsletter

Du möchtest über die enterJS
auf dem Laufenden gehalten werden?

 

Anmelden