Weißt Du noch, die Core Web Vitals? Es ist gar nicht so lange her, da hatten wir gefühlt in jeder 2. Ausgabe einen Berührungspunkt mit den CWV. Doch es ist stiller geworden um die Page Experience Metriken von Google. Alle reden die ganze Zeit nur über AI generierte Inhalte und ChatGPT (wir ja auch 😅🙈, Exhibit A, B, C, D, E).
Da kommt diese kleine Best Practice Sammlung mit den Top Core Web Vitals Empfehlungen für 2023 vom Chrome DevRel Team doch genau richtig, um den Scheinwerfer auch mal wieder auf die vermeintlich ein wenig in Vergessenheit geratenen CWV zu richten. Wobei es da natürlich nicht nur darum geht, die Kennzahlen für SEO zu frisieren, sondern vor allem um die nachhaltige Optimierung der User Experience.
Wenn es um die Performance geht, gibt es jede Menge zu tun.
"While each of these recommendations, individually, may improve performance for many sites, the full set of recommendations is admittedly overwhelming and, realistically, there's no way any one person or site could follow all of them."
Und weil das Chrome DevRel Team weiß, dass es viel zu viel zu tun gibt, das Backlog groß ist, aber die Ressourcen spärlich gesät sind, ist Priorisierung wichtig. Und dabei soll uns nun geholfen werden:
"On the Chrome team, we've spent the last year trying to answer this question: what are the most important recommendations we can give to developers to help them improve performance for their users?"
Was sind wirklich die allerwichtigsten Empfehlungen, wenn es um die Optimierung der Performance geht?
"(...) we have to consider not just the technical merits of any given recommendation, but also human and organizational factors that influence the likelihood that developers will actually be able to adopt these recommendations."
Denn manche Dinge haben zwar einen riesigen Impact, aber auch einen riesigen Aufwand. Da ist es dann vielleicht unterm Strich doch besser, die Ressourcen anderweitig zu verteilen. Also hat das Chrome DevRel Team folgende Fokuspunkte gesetzt:
"Recommendations we believe will have the largest real-world impact
Recommendations that are relevant and applicable to most sites
Recommendations that are realistic for most developers to implement"
Du siehst - sie haben sich wirklich sehr gründliche Gedanken gemacht und daraus jeweils drei Empfehlungen für jede der drei CWV-Metriken LCP, CLS und FID herauskristallisiert.
Dabei setzen sie vor allem die "Klassiker", die nach fast drei Jahren der Core Web Vital Optimierung eigentlich schon längst überall umgesetzt sein sollten, aber erschreckend selten schon voll durchgezogen wurden. Es lohnt sich also, die Liste auch für Deine Website noch einmal mit kritischem Blick durchzugehen.
Bevor Du Dir die Liste zum LCP ansiehst, haben wir noch einen Tipp von Estela Franco für Dich, die vom lazyloading above the fold abrät. Wenn das bei Dir auch versehentlich passiert, ist das ein einfacher Weg, den LCP zu beschleunigen.
Außerdem sind auch ein paar neuere Themen dabei. Zum Beispiel, wie Du für moderne Browser den bfcache nutzen kannst, um die Ladezeiten bei der Navigation über die Seite zu optimieren.
Beim Thema FID und JavaScript stehen nach wie vor ganz oben: lange JavaScript Operationen zu verhindern und schweres JavaScript zu verschlanken. Keine Aufgabe, die Entwickler\*innen lieben, aber leider unvermeidlich, wenn die Seite träge reagiert.
Also ran an die Core Web Vitals!