Du möchtest die Ladegeschwindigkeit deines Shops prüfen oder tunen?
Sprich mich gerne an oder stell uns direkt ein Kennlerngespräch ein! Hier geht's zu meiner Website
Conversions (Quelle: Akamai, 2017) - Ladezeiten von 1s bringen 3x Conversions als Ladezeiten von 5s (Quelle: Portent, 2022) Und das war vor TikTok! Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 5 Warum ist PageSpeed so wichtig?
den Google Bot aus - Ressourcen von Crawler kosten Geld und sind limitiert „So kannst du deine Seiten und Ressourcen für das Crawling optimieren: [..] Sorge dafür, dass sich deine Seiten schnell laden lassen.“ (Quelle: Google Search Central) Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 6 Warum ist PageSpeed so wichtig?
Central Blog) - Seit 2021 mehr als nur ein „Tie Breaker“(Quelle: Search Engine Roundtable) - Indirekt via Nutzersignale: Frustrierte Nutzende springen ab und klicken auf das nächste Suchergebnis Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 7 Warum ist PageSpeed so wichtig?
& Glasfaser – Nutzende haben aber Altgeräte und mit Glück 4G • Neue Third-Party-Tools (via TagManager), ohne Nebeneffekte zu testen Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 13 Warum ist der PageSpeed so oft schlecht?
Bibliotheken / Servern / Konfigurationen • Sowohl First- als auch Third-Party! Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 14 Warum ist der PageSpeed so oft schlecht?
für das HTML • First / Largest Contentful Paint (FCP, LCP) Die Zeit einschließlich TTFB, bis das erste / größte Element sichtbar ist • Cumulative Layout Shifts (CLS) Wie weit sich bereits dargestellte Elemente verschieben Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 17 Man kann nur optimieren, was man messen kann
nicht immer was mit der echten Welt zu tun Messung des echten Nutzererlebnisses Vorteile: • Echte Daten echter Kunden Nachteile: • Weniger vergleichbar Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 18 Messverfahren Man kann nur optimieren, was man messen kann
Web Vitals) • Commerce-Score (nutzt auch PageSpeed Insights) • Webpagetest.org (nutzt auch PageSpeed Insights) Das Problem: Das ist wie ein Abgastest bei VW. Es passiert, dass man auf Metriken anstatt auf UX optimiert. Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 19 Man kann nur optimieren, was man messen kann
nutzen • Daten öffentlich einsehbar • 28 Tage verzögert • => Nicht geeignet, um Veränderungen zu bemerken Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 21 Man kann nur optimieren, was man messen kann
privat • Analyse und Drill-Down möglich • Verzögerung von Sekunden • => Veränderungen unmittelbar bemerken Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 22 Man kann nur optimieren, was man messen kann
@ Factorial 24 Man kann nur optimieren, was man messen kann Segmentiert nach Ländern: •Zielmarkt DE ist top •=> Langsame Crawler verfälschen das Ergebnis
Antwortgrößen • Übertragungszeiten • Protokolle • Dateitypen Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 25 Man kann nur optimieren, was man messen kann
Vis Für kontinuierliches Messen & Monitoring: Real User Monitoring Für Detailanalyse & Tuning: Profiling (ergänzt mit PageSpeed Insights Empfehlungen) Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 29 Man kann nur optimieren, was man messen kann
sind wir fertig. • Ressourcen für den kritischen Rendering-Pfad werden zuerst geladen (HTML, relevante Schriften, CSS für das Layout, Hauptbild) Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 31 Top Gründe, warum Seiten langsam sind
CSS / JavaScript, dass nicht ausgeführt wird / keine Auswirkung hat • Schriftarten, die nicht verwendet werden • Third Parties, die keiner mehr braucht => Ausbau oder Lazy Loading Ist (zu) groß • Kommen auf den nächsten Slides Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 33 Übertragene Daten Top Gründe, warum Seiten langsam sind
so groß geladen werden, wie sie auf dem Endgerät auch dargestellt werden können => HTML-Mechaniken img-srcset / picture nutzen • High-Res Bilder für Retina Displays gezielt einsetzen und aussteuern Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 34 Top Gründe, warum Seiten langsam sind
die auch genutzt werden (z.B. kein kyrillisch für rein deutschsprachige Seiten) • Es sollten möglichst wenig unterschiedliche Schriften und Schnitte (bold, italic) verwendet werden. Manche Schriften können die Schnitte dynamisch berechnen => Spart! • Zielgröße: 20kB für Roboto für deutsch + englisch Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 35 Top Gründe, warum Seiten langsam sind
sie auch benötigt werden. Auf der Startseite braucht man idR nicht die Komponenten für den Checkout • Source Code sollte minified / uglified werden • CSS: Base64-encoded inline-Bilder blähen die Dateigröße auf • Icons: Nur verwendete übertragen, nicht komplett FontAwesome Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 36 Top Gründe, warum Seiten langsam sind
• Gilt auch für HTML • Caching sollte aktiv sein und maximale Lebensdauer konfiguriert sein (nur mit Cache-Breaker-Mechaniken!) • Cache-Breaker in Dateinamen & URL-Parametern sollten sich wirklich nur ändern, wenn sich die Datei verändert hat • E-Tags, um erneute Übertragungen zu vermeiden Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 37 Top Gründe, warum Seiten langsam sind
textbasierte, keine Bilder! • brotli sollte gzip vorgezogen werden, weil über ein lokales Dictionary zusätzlich optimiert wird: 30% zusätzliche Einsparung! (Quelle: Website Boosting #57) Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 38 Top Gründe, warum Seiten langsam sind
mehr zur Kommunikation mit Endgeräten verwendet werden • HTTP 2 / 3 können: • Multiplexing: Mehrere Anfragen über dieselbe Netzwerkverbindung • Kompression von Headern (u.a. Cookies) • Konsequenz: Domainsharding ist out Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 39 Top Gründe, warum Seiten langsam sind
wird direkt mit übertragen • Zero-Roundtrip-Verfahren mit HTTP 2 / HTTP 3 Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 40 Top Gründe, warum Seiten langsam sind
business- relevant sind. • Nur 1 A/B-Testing Tool, nicht die drei, die in den letzten Jahren ausprobiert wurden • Server-Side-Tracking vor Client-Side-Tracking bevorzugen Hübscher Nebeneffekt: Der datenschutzaffine Nutzer freut sich noch mehr Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 41 Top Gründe, warum Seiten langsam sind
Frontend-Frameworks sollten Server-Side-Rendering einsetzen • Responsive-Features sollten via media-queries anstatt per JavaScript umgesetzt sein • Animationen sollten per CSS und nicht per JS umgesetzt sein Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 44 Top Gründe, warum Seiten langsam sind
eine Einschätzung? • Die IT sagt „geht nicht“? • Der Entscheider hat „kein Budget“ für Geschwindigkeit? Sprich mich gerne an! Max Böhme - SEO Meetup Hamburg 2025/04 @ Factorial 48 Max Böhme PageSpeed Expert www.maxboehme.net