Am 29. und 30. September 2022 findet die SMX Advanced in Berlin statt. Unser Team Lead Lisa Fellinger spricht gemeinsam mit SEO Tech Sparring Partner Alin Radulescu am zweiten Tag der Konferenz.
Mit dem Thema "Good from far, but far from good – How to use waterfall charts to resolve the most common misconceptions affecting site performance" durchleuchten sie die Vorteile eines Wasserfall-Diagramms, denn Wasserfalldiagramme sind eines der effektivsten Werkzeuge im SEO-Werkzeugkasten, werden aber von den meisten SEOs nicht ausreichend genutzt.
Manchmal wissen SEOs nicht, wo sie anfangen sollen, wenn sie sich Wasserfall-Diagramme von webpagetest.org ansehen. Hier möchten Lisa und Alin mit ihrem Vortrag unterstützen.
Das wäre zum Beispiel:
a. Unsere Website lädt schnell. Das kann man auch durch webpagetest.org bestätigen, aber wenn man genauer im Waterfall hinsieht, erkennt man viele Layoutshifts. Die Google Core Web Vital Metrik CLS hat damit noch einiges an Optimierungspotential, das man angehen kann.
b. Wir nutzen ein ausgezeichnetes Cookie-Consent-Management-Tool. Diese Tools werden häufig als Wundermittel empfunden. Bei genauerem Hinschauen im Waterfall-Diagramm kann man erkennen, dass sie manchmal nicht richtig eingestellt sind und nicht alle Cookies oder Drittanbieter blockieren, obwohl sie das eigentlich sollten. Auch sind manche Tools unheimlich mächtig und haben einen großen Impact auf die Ladezeit der Website.
c. Unsere Bilder sind optimiert. Da geht häufig immer noch ein bisschen ‘was. Entweder in der Kompression, der Art der Einbindung oder der Art, wie lazyload verwendet wird.
Erstens: Das Ding läuft auf Zeit. Es gibt einen Startpunkt (wenn der Browser das HTML-Dokument anfragt) und eine Ziellinie (wenn die Seite geladen ist). Dazwischen gibt es einige Hürden zu überwinden: Dateien müssen angefragt, empfangen und entpackt werden. Inhalte werden gezeichnet. Elemente sind voneinander abhängig. Je nachdem, wie der Hürdenlauf gestaltet ist, kann das Laden einer Website zur runden Sache werden. Manchmal werden die einzelnen Hürden jedoch so hoch gesetzt, z.B. wenn unzählige Schriften, die eigentlich nicht verwendet werden, gleich zu Beginn einer Website geladen werden, dass der Einlauf in der Ziellinie (Document Complete) sich stark verzögert.
Wenn man eine Website dann im Kontext seiner Konkurrenz sieht, kann man eindeutig Gewinner und Verlierer bei diesem “Sport” ausmachen. Am Ende ist jedoch immer die bzw. der Nutzer:in die echte Gewinnerin oder Verliererin bzw. der echte Gewinner oder Verlierer.
Alin :-) , der sich bereits in zahlreiche Wasserfall-Diagramme eingefuchst hat und sehr hilfreiche Erkenntnisse aus eigenen Erfahrungen und Entwicklergesprächen gewonnen hat. Aber auch der Leitfaden von Matt Hobbs “How to read a WebPageTest Waterfall View chart” ist extrem hilfreich und sehr gut aufgebaut: https://nooshu.com/blog/2019/10/02/how-to-read-a-wpt-waterfall-chart/
Die Web Performance ist seit einiger Zeit ein wichtiger Punkt für eine erfolgreiche Website.
2018 führte Google ein das Page Speed Update ein, welches die Seitengeschwindigkeit auf mobilen Endgeräten zum Ranking-Faktor machte. 2021 folgte dann das Page Experience Update. Die Nutzerfreundlichkeit einer Website ist für den SEO-Erfolg wichtiger als zuvor. Und die Geschwindigkeit einer Website zählt entscheidend zur Nutzerfreundlichkeit einer Website dazu.
Es ist also wichtiger denn je, dass eine Website schnell ist, sowohl für SEO als auch für die Nutzerfreundlichkeit oder User Experience (UX).
Daher sollte die Web Performance der untersuchten Website, in einem SEO Audit eine Rolle spielen. Die Wasserfall-Analyse hilft mir persönlich, am besten mögliche Potenziale zu entdecken. Es ist aber sicherlich nur eine der vielen Möglichkeiten die im Rahmen eines Audits zur Verfügung stehen.
Neben ganz offensichtlichen Einblicke, wie zu große oder zu viele Bilddateien oder Schriften, gibt es hilfreiche Informationen über die Anzahl der Verbindungen oder fehlerhafte Bild Implementierungen (301, oder 302 Weiterleitungen). Ich persönlich interessiere mich sehr für die Reihenfolge der geladenen Ressourcen sowie deren TTFB. Ebenfalls sehr spannend finde ich die Informationen über einzelnen KPIs, wie z.B. FCP, LCP oder die Layoutshifts.
Das Wasserfall-Diagramm ist schnell erklärt und selbst Neulinge auf dem Gebiet erkennen schnell und einfach mögliche Verbesserungspotenziale. Entwickler schätzen die konkreten Handlungsempfehlungen die aus einem Wasserfall-Diagramm abgeleitet werden können, aber auch die Abhängigkeiten und Auswirkungen der einzelnen Ressourcen auf den Loading-, Scripting-, Layout-, Painting-Prozess.
Ein wenig technisches Verständnis ist sicher hilfreich, aber nicht zwingend notwendig.
Wenn ich es mir aussuchen könnte, würde ich die Ergebnisse gerne besprechen mit jemandem aus dem Frontend-, Backend-, UX- und SEO-Team. Bestenfalls werden wir von einem interessierten PO/PM unterstützt.
Die SMX Advanced richtet sich an alle SEO- und PPC-Experten aus der ganzen Welt und
findet dieses Jahr in Berlin statt. Erfahrene Search Marketers tauschen sich vom 29. bis 30. September 2022 über komplexe Fachthemen aus.
Das Event und alle Vorträge werden in Englisch stattfinden.
Tickets gibt es hier:
https://smxadvanced.eu/registration/
Wir freuen uns auf euren Vortrag am Freitag, den 30. September um 11:20 Uhr - Vielen Dank euch beiden für eure Zeit und die ersten Insights dazu!
Wir verwenden Cookies, um Inhalte und Anzeigen zu personalisieren, Funktionen für soziale Medien anbieten zu können und die Zugriffe auf unsere Website zu analysieren. Außerdem geben wir Informationen zu Ihrer Verwendung unserer Website an unsere Partner für soziale Medien, Werbung und Analysen weiter. Unsere Partner führen diese Informationen möglicherweise mit weiteren Daten zusammen, die Sie ihnen bereitgestellt haben oder die sie im Rahmen Ihrer Nutzung der Dienste gesammelt haben. Mit einem Klick auf die Schaltfläche „Alle Cookies zulassen“ erklären Sie sich damit einverstanden. Die Einwilligung kann jederzeit mit Wirkung für die Zukunft widerrufen oder geändert werden. In unserer Datenschutzerklärung informieren wir ausführlich über die Art und den Umfang der Datenverarbeitung.