Zurück zur vollen Leistung: Konferenz Perf.now() 2022
Zuzana Fatrdla7.11.20224 Minuten Lesen
In zwei Tagen hörten Michal und ich insgesamt 14 herausragende Vorträge in einem ehemaligen Kirchenraum. Ja, Sie haben richtig gelesen, die diesjährige Performance.now() fand an einem Ort namens Zuiderkerk statt, einer ursprünglich protestantischen Kirche aus dem 17. Jahrhundert, die heute als Veranstaltungsort dient.
Die Wahl des Ortes muss ich wirklich loben, denn sie ist unkonventionell. Doch wer die Natur Amsterdams auch nur ein wenig kennt, wird nicht überrascht sein. Die entspannte und freigeistige Atmosphäre Amsterdams ist dafür typisch. Die Pausen zwischen den Vorträgen und die freie Zeit verbrachten wir damit, die Stadt zu erkunden.
Was bot uns Perf.now()?
Nach Abschluss der Konferenz haben wir natürlich die besten Vorträge des Jahres ausgewählt. Hier ist unsere Liste:
Nolan Lawson - CSS-Laufzeitleistung
Der Vortrag für Technikbegeisterte, die das Maximum aus ihrer Frontend-Performance herausholen wollen. Trotz eines großen Spoilers zu Beginn, dass es sich um „Mikrooptimierungen“ handelt, zeigte Nolan im Detail, wie anspruchsvoll es für den Browser ist, Styles zu berechnen und Layouts zu erstellen. Er teilte auch das Tool Chrome Trace Event Profiling, das hilft, beispielsweise die Geschwindigkeit von Selektoren zu debuggen.
Alex Rusell - The Global Baseline, 2022
Alex konzentrierte sich in seinem Vortrag auf das ewige Thema der Benutzer und ihrer systemischen (hardwareseitigen) und netzwerkbedingten Gegebenheiten. Wie er in einer Folie treffend erinnert: „Ihr iPhone ist nicht die reale Welt“. Mit welchen Parametern arbeiten wir also und auf welche Leistung können wir unsere Websites aufbauen? Weltweit ist das Telefon im 75. Perzentil im 4. Quartal 2022 ein Gerät im Wert von etwa 200 USD, was einem Samsung Galaxy A50 entspricht. Wir sollten also weiterhin HTML und CSS gegenüber JS bevorzugen. Ein ausreichend maximales Maß könnten 150 kB HTML/CSS und 300-300 kB JS sein.
Harry Roberts - Optimierung von Largest Contentful Paint
Harry muss nicht lange vorgestellt werden (siehe unsere Notizen zur Reihenfolge der Elemente im <head>) und seine Präsentation enttäuschte keineswegs. Hut ab, wie er einen 40-minütigen Vortrag allein um die Metrik LCP aufgebaut hat. Diese Präsentation würde ich wahrscheinlich jedem empfehlen, denn wie Harry sagt: „Es gibt nichts Kompliziertes an der Optimierung von LCP, man muss nur wissen, wie es funktioniert“. Harry erklärte unter anderem, wie sich die Metrik LCP ändert, wenn ein Bild als <svg>, als Hintergrundbild oder klassisch in <img> eingefügt wird. Kurz gesagt: Die Art und Weise, wie ein Bild auf der Seite eingebunden wird, hat einen wesentlichen Einfluss auf die LCP-Metrik.
Ivan Akulov - React 18 Concurrency, Explained
Ein stärker programmierlastiger Vortrag über React 18 und sein neues API useTransition und <Suspense>. Ivan zeigte anschaulich, wie man in React sogenannte Concurrent Mode nutzen kann, bei dem der Start der Applikation bzw. die Datenhydratisierung oder ein anspruchsvolles UI-Update den Benutzereingang nicht blockiert. Ein ideales Werkzeug zur Bekämpfung von FID und INP.
Katie Sylor-Miller - How to be a Performance Detective?
Nicht nur der Inhalt macht einen großartigen Vortrag, auch die Form ist wichtig. Aus dieser Perspektive war der Vortrag von Katie unvergesslich. Anhand des Beispiels von Detektiv Pikachu führte sie uns durch ihren Prozess der Performance-Überwachung. Besonders praktisch erscheint uns ihr Einsatz von Verteilungsfunktionen (sie sehen aus wie „umgekehrte Histogramme“) zur Bewertung und zum Vergleich von gemessenen Daten vor und nach Änderungen auf der Website.
Zum Abschluss verkündeten die Organisatoren eine großartige Nachricht. Die nächste Ausgabe der Performance.now() wird am 2. und 3. November 2023 stattfinden, am selben Ort wie dieses Jahr. Wir freuen uns darauf!
Alle Vorträge können Sie sich auf YouTube ansehen, wo sie nach und nach veröffentlicht werden.
Behalten Sie die Geschwindigkeit Ihrer Website im Blick
Abonnieren Sie unseren Newsletter. Einmal im Monat wählen wir Neuigkeiten zur Website-Geschwindigkeit für Website-Besitzer, Marketer und Entwickler aus.
Tags:Web Performance