\ud83d\udce6<\/strong> Kurz gesagt<\/h3>\n\n\n\n\u2705Google PageSpeed Insights (PSI)<\/a> ist ein kostenloses Tool f\u00fcr Web-Performance-Tests<\/a> und zur Messung der Core Web Vitals. Es hilft dir zu verstehen, wie es um Ladegeschwindigkeit, Nutzererfahrung, Barrierefreiheit, Best Practices, grundlegende SEO und die Kompatibilit\u00e4t mit KI-Agenten auf deiner Website steht.<\/p>\n\n\n\n\u2705 PSI liefert sowohl simulierte Webdaten als auch, sofern verf\u00fcgbar, reale Daten aus dem Bericht zur User Experience in Chrome (CrUX). Es listet konkrete Performance-Probleme auf, einschlie\u00dflich der Dateien und Seitenelemente, die sie verursachen, sowie m\u00f6gliche L\u00f6sungen.<\/p>\n\n\n\n
\u2705 Ein zentraler Bestandteil des Performance-Berichts sind die Core-Web-Vitals-Metriken<\/a>. Konzentriere dich darauf, hier die Bewertung \u201ebestanden\u201c zu erhalten, statt einem perfekten Score von 100\/100 hinterherzujagen. Priorisiere au\u00dferdem die mobile Performance und globale Verbesserungen vor seitenspezifischen \u00c4nderungen.<\/p>\n\n\n\n\u2705 WP Rocket<\/a> und Imagify<\/a> sind zwei WordPress-Plugins, die ganz ohne Programmierung helfen, deine Ergebnisse in PageSpeed Insights und deine Core Web Vitals zu verbessern. WP Rocket wendet bei der Aktivierung automatisch 80 % der Best Practices f\u00fcr Performance an und bietet zus\u00e4tzliche Verbesserungen mit einem Klick. Imagify hilft, bildbezogene Warnungen zu beheben, indem es Bilddateien automatisch komprimiert und in moderne Formate wie WebP oder AVIF konvertiert.<\/p>\n\n\n\n\u2705 \u00dcberwache die Performance im Zeitverlauf und teste mit echten Nutzern, um sicherzustellen, dass sich Verbesserungen in einer tats\u00e4chlich besseren Nutzererfahrung niederschlagen und nicht nur in h\u00f6heren Labor-Scores.<\/p>\n\n\n\n
Was ist Google PageSpeed Insights?<\/h2>\n\n\n\n
PageSpeed Insights (PSI)<\/a> ist ein kostenloses Tool von Google zur Analyse und Verbesserung der Performance und Nutzererfahrung von Webseiten. Es basiert auf Lighthouse, einem weiteren Open-Source-Tool, das Google entwickelt hat.<\/p>\n\n\n\n![\"\u00dcbersicht](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-map.jpg\")
<\/figure>\n\n\n\nSeinen Empfehlungen zu folgen, tr\u00e4gt nicht nur dazu bei, dass deine Website schneller l\u00e4dt, sondern ist auch gut f\u00fcr deine SEO<\/a>. Google nutzt dieselben Informationen, die PSI anzeigt, um die Rankings in den Suchergebnissen zu bestimmen. Insbesondere die Core Web Vitals wirken sich direkt auf die Sichtbarkeit deiner Seiten in den Suchergebnissen aus<\/a>.<\/p>\n\n\n\n![\"Die](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/core-web-vitals-are-part-of-googles-ranking-systems.jpg\")
<\/figure>\n\n\n\nEinen Google PageSpeed Test<\/strong> mit PSI durchzuf\u00fchren, ist denkbar einfach. Ruf einfach die Startseite des Tools<\/a> auf, gib in der oberen Leiste die URL der Seite ein, die du testen m\u00f6chtest, und dr\u00fcck die Eingabetaste oder klick auf \u201eAnalysieren<\/strong>\u201c.<\/p>\n\n\n\n![\"Startseite](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-homepage.jpg\")
<\/figure>\n\n\n\nIn der Regel erh\u00e4ltst du in weniger als einer Minute einen vollst\u00e4ndigen Bericht.<\/p>\n\n\n\n
So liest du jeden Abschnitt deines Berichts<\/h2>\n\n\n\n
Der PageSpeed-Insights-Bericht<\/a> besteht aus mehreren Teilen. Hier erf\u00e4hrst du, was jeder davon enth\u00e4lt.<\/p>\n\n\n\nPerformance auf Mobilger\u00e4ten vs. Desktop<\/h3>\n\n\n\n
Ganz oben kannst du zwischen dem Bericht f\u00fcr die mobile Version und dem f\u00fcr die Desktop-Version deiner Website wechseln.<\/p>\n\n\n\n![\"Umschalten](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/switch-between-mobile-and-desktop-results.jpg\")
<\/figure>\n\n\n\nPageSpeed Insights testet beide getrennt. Mobilger\u00e4te haben meist weniger Rechenleistung und langsamere Internetverbindungen als Desktop-Computer, weshalb Webseiten auf Mobilger\u00e4ten langsamer laden.<\/p>\n\n\n\n
Das Tool zeigt standardm\u00e4\u00dfig die mobilen Ergebnisse an, weil der Gro\u00dfteil des Internet-Traffics von Smartphones und Tablets stammt<\/a>.<\/p>\n\n\n\n![\"Marktanteile](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/desktop-vs-mobile-market-share.jpg\")
<\/figure>\n\n\n\nAu\u00dferdem nutzt Google einen Mobile-First-Suchindex, das hei\u00dft, die Rankings in der Suche werden anhand der mobilen Version deiner Website bestimmt.<\/p>\n\n\n\n![\"Diagramm](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-mobile-first-index-diagram.jpg\")
<\/figure>\n\n\n\nUnd schlie\u00dflich \u00fcbertragen sich die meisten Verbesserungen, die du f\u00fcr die mobile Performance vornimmst, auf die Desktop-Version: Wenn du deine mobile Performance verbesserst<\/a>, profitieren also auch Desktop-Besucher davon.<\/p>\n\n\n\nCore Web Vitals-Bewertung<\/h3>\n\n\n\n
Core Web Vitals sind Metriken, die Google 2020 eingef\u00fchrt hat<\/a> und die 2021 zu einem Rankingfaktor wurden<\/a>. Sie messen die Nutzererfahrung auf Webseiten. Derzeit gibt es drei davon:<\/p>\n\n\n\n\n- Largest Contentful Paint (LCP)<\/a>: Erfasst, wie schnell deine Inhalte laden, genauer gesagt, wie lange es dauert, bis der Hauptinhalt (z. B. dein Hero-Bild) erscheint.<\/li>\n\n\n\n
- Interaction to Next Paint (INP)<\/a>: Gibt an, wie schnell deine Website auf Nutzerinteraktionen wie Klicks oder Tippen reagiert. Nachfolger der Metrik First Input Delay (FID)<\/a>.<\/li>\n\n\n\n
- Cumulative Layout Shift (CLS)<\/a>: Misst die visuelle Stabilit\u00e4t deiner Seiten, z. B. ob neu erscheinende Elemente w\u00e4hrend des Ladevorgangs andere Elemente nach unten verschieben.<\/li>\n<\/ul>\n\n\n\n
Den Abschnitt \u201eCore Web Vitals-Bewertung\u201c findest du oben in PageSpeed Insights nur, wenn deine Webseite gen\u00fcgend Traffic von Chrome-Nutzern erh\u00e4lt. Die Daten hier beruhen auf den realen Core-Web-Vitals-Erfahrungen, die Besucher in den letzten 28 Tagen auf deiner Webseite gemacht haben.<\/p>\n\n\n\n![\"Die](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-core-web-vitals-assessment.jpg\")
<\/figure>\n\n\n\nDie Bewertung zeigt klar, ob du sie bestehst oder nicht, und liefert Details zu jeder Metrik. Au\u00dferdem zeigt sie First Contentful Paint (FCP)<\/a> und Time to First Byte (TTFB)<\/a>. Sie erfassen, wie lange es dauert, bis der erste Seiteninhalt erscheint, beziehungsweise bis der Server antwortet.<\/p>\n\n\n\nAchte auf den kleinen Schalter \u201eDiese URL\/Ursprung<\/strong>\u201c oben rechts.<\/p>\n\n\n\n![\"Umschalter](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/this-url-origin-switch.jpg\")
<\/figure>\n\n\n\nDamit kannst du zwischen der Core Web Vitals-Bewertung der getesteten Seite und den Durchschnittswerten deiner gesamten Website hin- und herwechseln. Das hilft dir zum Beispiel zu verstehen, ob eine Seite deutlich schlechter abschneidet als der Rest.<\/p>\n\n\n\n
Leistung<\/h3>\n\n\n\n
Der Bereich \u201eLeistung<\/strong>\u201c enth\u00e4lt \u00e4hnliche Informationen wie oben.<\/p>\n\n\n\n![\"Performance-Pr\u00fcfung](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-performance-audit.jpg\")
<\/figure>\n\n\n\nEr liefert dir eine Aufschl\u00fcsselung wichtiger Performance-Metriken, darunter die bereits erw\u00e4hnten LCP, FCP und CLS sowie zwei weitere Werte:<\/p>\n\n\n\n
\n- Total Blocking Time (TBT)<\/a>: Wie lange der Browser braucht, um auf Eingaben zu reagieren.<\/li>\n\n\n\n
- Speed Index<\/a>: Wie schnell die Seite visuell vollst\u00e4ndig aussieht.<\/li>\n<\/ul>\n\n\n\n
Alle diese Metriken flie\u00dfen in den Performance-Gesamtscore ganz oben ein. Wenn du wissen willst, welchen Anteil jede Metrik hat, sieh dir den Lighthouse Scoring Calculator<\/a> an.<\/p>\n\n\n\n![\"Der](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/lighthouse-scoring-calculator.jpg\")
<\/figure>\n\n\n\nEin guter Score liegt zwischen 90 und 100, ein Score von 50 bis 89 ist verbesserungsw\u00fcrdig, und alles unter 50 gilt als schlecht.<\/p>\n\n\n\n
Anders als bei der vorherigen Bewertung handelt es sich hier um simulierte Labordaten. Die technischen Daten des verwendeten emulierten Ger\u00e4ts siehst du im grauen Kasten unten. Au\u00dferdem gibt es einen Filmstreifen, der zeigt, wie Elemente w\u00e4hrend des Ladevorgangs auf dem Bildschirm erscheinen.<\/p>\n\n\n\n![\"Technische](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/lab-data-device-specs-and-filmstrip.jpg\")
<\/figure>\n\n\n\nStatistiken und Diagnose<\/h3>\n\n\n\n
In den Bereichen \u201eStatistiken<\/strong>\u201c und \u201eDiagnose<\/strong>\u201c listet Google PageSpeed Insights konkrete Faktoren auf, die die Performance deiner Seite beeintr\u00e4chtigen.<\/p>\n\n\n\n![\"Die](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/insights-and-diagnostics-section.jpg\")
<\/figure>\n\n\n\nKlick darauf, um die konkreten Seitenelemente oder Dateien zu sehen, die Probleme verursachen, zusammen mit m\u00f6glichen L\u00f6sungen und Links zu weiterf\u00fchrenden Ressourcen.<\/p>\n\n\n\n![\"Details](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/insights-details.jpg\")
<\/figure>\n\n\n\nBeispiele sind Empfehlungen, die DOM-Gr\u00f6\u00dfe zu optimieren<\/a> oder den Viewport f\u00fcr Mobilger\u00e4te anzupassen, und vieles mehr.<\/p>\n\n\n\nStatistiken sind Faktoren, die sich direkt auf deinen Performance-Score auswirken. Diagnosen tun das nicht, k\u00f6nnen dir aber trotzdem helfen, besser zu verstehen, warum deine Seite langsam ist. Du kannst beide danach filtern, auf welche der wichtigsten Metriken sie sich auswirken.<\/p>\n\n\n\n![\"Pr\u00fcfungen](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/filter-audits-by-metric.jpg\")
<\/figure>\n\n\n\nGanz unten findest du schlie\u00dflich eine Liste der Pr\u00fcfungen, die deine Webseite bestanden hat. Klick darauf, um sie aufzuklappen.<\/p>\n\n\n\n![\"Bestandene](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-passed-insights.jpg\")
<\/figure>\n\n\n\nAlle Statistiken oder Probleme, die du erfolgreich behebst, werden bei deinem n\u00e4chsten Test hierher verschoben.<\/p>\n\n\n\n
Barrierefreiheit<\/h3>\n\n\n\n
PageSpeed Insights erfasst nicht nur Indikatoren f\u00fcr die Performance einer Seite, sondern auch f\u00fcr die Nutzererfahrung insgesamt. Dazu geh\u00f6rt die Barrierefreiheit<\/a>, also wie gut Menschen mit unterschiedlichen Beeintr\u00e4chtigungen deine Webseite nutzen k\u00f6nnen.<\/p>\n\n\n\nDer Bericht funktioniert \u00e4hnlich wie der Bereich \u201eLeistung<\/strong>\u201c: Oben erh\u00e4ltst du einen Gesamtscore, darunter ausf\u00fchrliche Ergebnisse und Empfehlungen.<\/p>\n\n\n\n![\"Barrierefreiheitspr\u00fcfung](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-accessibility-audit.jpg\")
<\/figure>\n\n\n\nDie Empfehlungen hier konzentrieren sich auf Dinge wie:<\/p>\n\n\n\n
\n- Nutzbarkeit mit Screenreadern<\/li>\n\n\n\n
- Tastaturnavigation<\/li>\n\n\n\n
- Ausreichender Kontrast<\/li>\n<\/ul>\n\n\n\n
Der Bericht listet empfohlene Verbesserungen, manuell zu pr\u00fcfende Elemente und bestandene Pr\u00fcfungen auf.<\/p>\n\n\n\n
\n\ud83d\udca1Erfahre, wie du eine Barrierefreiheitspr\u00fcfung durchf\u00fchrst<\/a>.<\/p>\n<\/blockquote>\n\n\n\nBest Practices<\/h3>\n\n\n\n
Dieser Teil des PSI-Berichts konzentriert sich auf die Sicherheit und die technische Umsetzung deiner Seite. Auch er liefert dir einen Gesamtscore und darunter weitere Details.<\/p>\n\n\n\n![\"Best-Practices-Pr\u00fcfung](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-best-practices-audit.jpg\")
<\/figure>\n\n\n\nWas wird gepr\u00fcft? Unter anderem:<\/p>\n\n\n\n
\n- HTTPS-Verschl\u00fcsselung<\/a><\/li>\n\n\n\n
- Verwendung von Cookies<\/li>\n\n\n\n
- Anzeige von Bildern im richtigen Seitenverh\u00e4ltnis und in der richtigen Aufl\u00f6sung<\/li>\n<\/ul>\n\n\n\n
SEO<\/h3>\n\n\n\n![\"SEO-Pr\u00fcfung](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-seo-audit.jpg\")
<\/figure>\n\n\n\nUnd schlie\u00dflich analysiert der SEO-Bericht<\/a>, ob deine Webseite grundlegende Praktiken der Suchmaschinenoptimierung<\/a> einh\u00e4lt, zum Beispiel:<\/p>\n\n\n\n\n- Keine Blockierung der Indexierung<\/li>\n\n\n\n
- Verwendung einer Meta-Beschreibung<\/a> und von Alt-Texten f\u00fcr Bilder<\/li>\n\n\n\n
- Eine g\u00fcltige robots.txt-Datei<\/a><\/li>\n<\/ul>\n\n\n\n
Agentisches Browsing<\/h3>\n\n\n\n![\"Pr\u00fcfung](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-agentic-browsing-audit.jpg\")
<\/figure>\n\n\n\nDie neueste Erg\u00e4nzung von PageSpeed Insights ist der Bereich \u201eAgentisches Browsing<\/strong>\u201c. Er pr\u00fcft, wie gut die Website f\u00fcr die Interaktion mit KI-Agenten konfiguriert ist.<\/p>\n\n\n\nWeil sich die Standards f\u00fcr das agentische Web noch entwickeln, ist die Funktion derzeit experimentell. Deshalb vergibt sie auch keinen Score von 0 bis 100, sondern listet f\u00fcr die Funktionen, auf die sie achtet, jeweils das Ergebnis \u201ebestanden\u201c oder \u201enicht bestanden\u201c auf.<\/p>\n\n\n\n
Derzeit sind das:<\/p>\n\n\n\n
\n- Zug\u00e4nglichkeit der Website-Struktur<\/li>\n\n\n\n
- WebMCP-Kompatibilit\u00e4t<\/li>\n\n\n\n
- Konfiguration von llms.txt<\/li>\n<\/ul>\n\n\n\n
Felddaten vs. Labordaten: Was ist der Unterschied?<\/h2>\n\n\n\n
Wir haben bereits erw\u00e4hnt, dass PSI sowohl Felddaten als auch Labordaten verwendet. Das steckt hinter diesen Begriffen:<\/p>\n\n\n\n
\n- Felddaten<\/strong> stammen aus dem Bericht zur User Experience in Chrome (CrUX)<\/a>. Sie werden von Googles Chrome-Browser erfasst, w\u00e4hrend Menschen damit im Web surfen, und zeigen die realen Erfahrungen tats\u00e4chlicher Nutzer auf deiner Webseite.<\/li>\n\n\n\n
- Labordaten<\/strong> stammen dagegen aus einem simulierten Besuch deiner Website durch ein virtuelles Ger\u00e4t. Sie zeigen die Website-Performance nur unter einer bestimmten Bedingung und eignen sich hervorragend zur Orientierung, spiegeln aber nicht die tats\u00e4chliche Performance wider.<\/li>\n<\/ul>\n\n\n\n
Die beiden Datenarten k\u00f6nnen erheblich voneinander abweichen, weil reale Nutzer weit mehr Variablen ins Spiel bringen. Sie kommen von unterschiedlichen Standorten, verwenden unterschiedliche Ger\u00e4te, Browserversionen und so weiter.<\/p>\n\n\n\n
Von den beiden sind Felddaten wichtiger. Am Ende willst du ja, dass echte Menschen auf deiner Webseite eine gute Erfahrung machen. Nutze also, wann immer es geht, Felddaten, um deine Fortschritte zu messen, und Labordaten, um die konkreten Ursachen hinter Problemen zu finden.<\/p>\n\n\n\n
Welche PSI-Empfehlungen du zuerst angehen solltest<\/h2>\n\n\n\n
Geh die Informationen von PageSpeed Insights in dieser Reihenfolge an:<\/p>\n\n\n\n
\n- Mobil vor Desktop<\/strong>: Wie bereits erkl\u00e4rt, ist die mobile Performance wichtiger, und die Desktop-Werte verbessern sich in der Regel mit.<\/li>\n\n\n\n
- Core Web Vitals und Felddaten<\/strong>: Konzentriere dich darauf, deine Core Web Vitals und deine reale Performance zu verbessern, statt auf die Labordaten. Denk daran, dass das Zeitfenster der Felddaten 28 Tage betr\u00e4gt, sodass es eine Weile dauern kann, bis sich Verbesserungen zeigen.<\/li>\n\n\n\n
- Von globalen zu seitenspezifischen Verbesserungen<\/strong>: Priorisiere Ma\u00dfnahmen, die deine gesamte Website betreffen (z. B. Caching, Komprimierung), bevor du zu seitenspezifischen \u00c4nderungen \u00fcbergehst (z. B. an der DOM-Gr\u00f6\u00dfe einer Seite).<\/li>\n<\/ul>\n\n\n\n
Versteif dich nicht darauf, einen Score von 100\/100 zu erreichen. Bring Performance-Metriken und die tats\u00e4chliche Nutzererfahrung ins Gleichgewicht. Wenn eine Funktion deiner Seite bem\u00e4ngelt wird, die Nutzern echten Mehrwert bietet, pr\u00fcfe, ob du ihre Funktionsweise verbessern kannst, statt sie ganz zu entfernen.<\/p>\n\n\n\n
Ber\u00fccksichtige au\u00dferdem, was f\u00fcr eine Art von Website du betreibst. Einen gr\u00fcnen Score zu erreichen, kann f\u00fcr einen komplexen WooCommerce-Shop<\/a> deutlich schwieriger sein als f\u00fcr eine einseitige Visitenkarten-Website.<\/p>\n\n\n\nH\u00e4ufige Performance-Probleme in WordPress und ihre L\u00f6sungen<\/h2>\n\n\n\n
Hier zeigen wir dir, wie du mit PageSpeed Insights typische Geschwindigkeitsprobleme von WordPress-Websites angehst<\/a>. Im Allgemeinen sieht der Ablauf so aus:<\/p>\n\n\n\n\n- Miss das Problem<\/li>\n\n\n\n
- Ermittle die problematischen Metriken<\/li>\n\n\n\n
- Finde die gr\u00f6\u00dfte Ursache<\/li>\n\n\n\n
- Behebe sie, indem du sie beseitigst oder optimierst<\/li>\n\n\n\n
- Teste dieselbe URL erneut<\/li>\n\n\n\n
- Verfolge die Performance im Zeitverlauf<\/li>\n<\/ol>\n\n\n\n
Um dir zu zeigen, wie du das auf konkrete Anwendungsf\u00e4lle \u00fcbertr\u00e4gst, haben wir eine Test-Website eingerichtet, die als Beispiel dient. Die v\u00f6llig unoptimierte Website zeigt die folgenden PSI-Ergebnisse.<\/p>\n\n\n\n![\"Erste](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/test-website-initial-performance-audit.jpg\")
<\/figure>\n\n\n\nDie Bereiche \u201eStatistiken<\/strong>\u201c und \u201eDiagnose<\/strong>\u201c zeigen au\u00dferdem Performance-Probleme, die auf WordPress-Websites h\u00e4ufig vorkommen.<\/p>\n\n\n\n![\"Statistiken](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/test-website-insights-and-diagnostics.jpg\")
<\/figure>\n\n\n\nGehen wir sie Schritt f\u00fcr Schritt an.<\/p>\n\n\n\n
1. Latenz der Dokumentanfrage<\/h3>\n\n\n\n![\"Die](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/07\/passed-document-request-latency-insight-audit.jpg\")
<\/figure>\n\n\n\nDie Latenz der Dokumentanfrage<\/a> ist die Zeitspanne zwischen dem Moment, in dem ein Browser das HTML-Dokument einer Webseite zum ersten Mal anfragt, und dem Moment, in dem das Dokument vollst\u00e4ndig heruntergeladen ist. Sie ist wichtig, weil der Browser vorher weder mit dem Rendern der Seite beginnen noch andere Ressourcen laden kann.<\/p>\n\n\n\nWas du dagegen tun kannst:<\/p>\n\n\n\n
\n- Beschleunige deinen Server<\/li>\n\n\n\n
- Nutze ein CDN<\/a><\/li>\n\n\n\n
- Aktiviere Caching, Komprimierung<\/a> und Minifizierung<\/li>\n\n\n\n
- Vermeide Weiterleitungen<\/li>\n\n\n\n
- Reduziere Gr\u00f6\u00dfe und Komplexit\u00e4t deines HTML-Dokuments<\/li>\n<\/ul>\n\n\n\n
H\u00e4ufige Ursachen:<\/p>\n\n\n\n
\n- Unzureichendes oder langsames Hosting<\/li>\n\n\n\n
- Fehlende Optimierung von Dokumenten und Dateien<\/li>\n\n\n\n
- Unn\u00f6tige Weiterleitungen<\/li>\n\n\n\n
- Zu viele Plugins und Drittanbieter-Skripte<\/li>\n<\/ul>\n\n\n\n
Nach der Aktivierung von WP Rocket, das Caching, Komprimierung und Minifizierung umsetzt (neben weiteren automatischen und standardm\u00e4\u00dfigen Verbesserungen<\/a>), zeigt PageSpeed Insights den unten abgebildeten verbesserten Performance-Bericht.<\/p>\n\n\n\n![\"Verbesserung](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/document-request-latency-improvement.jpg\")
<\/figure>\n\n\n\n2. Verwende eine effiziente Verweildauer im Cache<\/h3>\n\n\n\n![\"Beispiel](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2026\/02\/use-efficient-cache-lifetimes-insight-example.jpg\")
<\/figure>\n\n\n\nGoogles Statistik \u201eEffiziente Verweildauer im Cache verwenden\u201c<\/a> analysiert, ob eine Webseite Browser-Caching nutzt, eine von mehreren Caching-Arten<\/a>. Browser-Caching teilt dem Browser des Nutzers mit, wie lange er eine Website-Datei f\u00fcr die sp\u00e4tere Wiederverwendung auf der lokalen Festplatte speichern soll.<\/p>\n\n\n\n![\"Schema:](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/12\/Illustration-of-how-client-side-caching-works.png\")
<\/figure>\n\n\n\nSo m\u00fcssen Besucher nicht jede Datei erneut herunterladen, wenn sie auf deine Website zur\u00fcckkehren, was ihre Ladezeit verk\u00fcrzt.<\/p>\n\n\n\n
Was du dagegen tun kannst:<\/p>\n\n\n\n
\n- Entwickle eine sinnvolle Cache-Richtlinie f\u00fcr deine Website<\/li>\n\n\n\n
- Setze Browser-Caching um<\/li>\n<\/ul>\n\n\n\n
H\u00e4ufige Ursachen:<\/p>\n\n\n\n
\n- Nicht konfigurierte oder nicht optimierte Cache-Header<\/li>\n<\/ul>\n\n\n\n
WP Rocket richtet Browser-Caching automatisch ein, sobald das Plugin aktiv ist (mit einem separaten mobilen Cache<\/a>). Au\u00dferdem bietet es weitere Funktionen, mit denen Dateien schneller laden, darunter auch solche, die das Caching normalerweise nicht abdeckt.<\/p>\n\n\n\nAllein das reicht aus, um die nicht gecachten Ressourcen auf der Test-Website von 420 KB auf nur noch 50 KB zu reduzieren.<\/p>\n\n\n\n![\"Verbesserte](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/improved-use-efficient-cache-lifetimes-insight.jpg\")
<\/figure>\n\n\n\n3. Anfragen zum Blockieren des Renderings<\/h3>\n\n\n\n![\"Ausgangswert](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/test-website-initial-render-blocking-requests-insight.jpg\")
<\/figure>\n\n\n\nAnfragen, die das Rendering blockieren<\/a>, sind Website-Dateien (meist JavaScript und CSS), die das Erscheinen sichtbarer Inhalte verz\u00f6gern. Sie sind f\u00fcr die erste Darstellung der Seite unn\u00f6tig und halten den Browser besch\u00e4ftigt, sodass er wichtigere Dateien nicht verarbeiten kann.<\/p>\n\n\n\nWas du dagegen tun kannst:<\/p>\n\n\n\n
\n- Priorisiere Code, der f\u00fcr das Rendern der Seite entscheidend ist (z. B. per Code-Splitting und Inlining)<\/li>\n\n\n\n
- Setze bei nicht unbedingt n\u00f6tigem CSS und JavaScript auf verz\u00f6gertes Laden und verz\u00f6gerte Ausf\u00fchrung<\/a><\/li>\n\n\n\n
- Optimiere das Laden von Schriftdateien<\/a><\/li>\n\n\n\n
- Aktiviere Komprimierung und Minifizierung<\/li>\n<\/ul>\n\n\n\n
H\u00e4ufige Ursachen:<\/p>\n\n\n\n
\n- Nicht optimierte Themes, Plugins und Schriftdateien<\/li>\n<\/ul>\n\n\n\n
Neben der standardm\u00e4\u00dfigen Komprimierung und Minifizierung kannst du mit WP Rocket JavaScript verz\u00f6gert laden und seine Ausf\u00fchrung verz\u00f6gern sowie nicht verwendetes CSS mit wenigen Klicks entfernen.<\/p>\n\n\n\n![\"Das](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/wp-rocket-file-optimization-menu.jpg\")
<\/figure>\n\n\n\nDas verbessert nicht nur den Performance-Gesamtscore unserer Test-Website weiter, sondern beseitigt auch die Warnung zu den Anfragen, die das Rendering blockieren, vollst\u00e4ndig.<\/p>\n\n\n\n![\"Verbesserungen](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/render-blocking-resources-improvements.jpg\")
<\/figure>\n\n\n\n4. Reduziere nicht verwendete CSS<\/h3>\n\n\n\n![\"Ausgangswarnung](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/test-website-initial-reduce-unused-css-warning.jpg\")
<\/figure>\n\n\n\nTheme-Stylesheets enthalten meist CSS-Regeln f\u00fcr alle m\u00f6glichen Website-Elemente, unabh\u00e4ngig davon, ob diese auf einer bestimmten Seite vorkommen oder nicht. Deshalb laden viele Webseiten CSS-Code, den sie nicht brauchen, was zu l\u00e4ngeren Lade- und Renderzeiten f\u00fchrt.<\/p>\n\n\n\n
Was du dagegen tun kannst:<\/p>\n\n\n\n
\n- Pr\u00fcfe nicht verwendetes CSS und entferne es manuell oder mit einem Tool<\/li>\n\n\n\n
- Teile das CSS auf Templates auf, sodass jede Seite nur l\u00e4dt, was sie braucht<\/li>\n<\/ul>\n\n\n\n
H\u00e4ufige Ursachen:<\/p>\n\n\n\n
\n- Page Builder<\/a> (Elementor, Divi usw.), die ihr komplettes Stylesheet global laden<\/li>\n\n\n\n
- Mehrere Plugins, die ihre eigenen Stylesheets auf der gesamten Website hinzuf\u00fcgen<\/li>\n<\/ul>\n\n\n\n
Wie bereits erw\u00e4hnt, bietet WP Rocket das Entfernen von nicht verwendetem CSS<\/a> als Option mit einem Klick. Bei unserer Test-Website blieb die Warnung wegen eines eingebetteten YouTube-Videos auf der Seite bestehen, das eigene CSS-Stile mitbrachte. Wir konnten das l\u00f6sen, indem wir f\u00fcr das Video Lazy Loading aktiviert haben, eine weitere Ein-Klick-Option in WP Rocket.<\/p>\n\n\n\n![\"Die](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/lazy-load-iframes-and-videos-option-in-wp-rocket.jpg\")
<\/figure>\n\n\n\n5. Verbessere die Bild\u00fcbermittlung<\/h3>\n\n\n\n![\"Beispiel](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/11\/improve-image-delivery-insight-example.jpg\")
<\/figure>\n\n\n\nBilder sind datenintensiv und wirken sich stark auf Ladezeit, Nutzererfahrung und SEO aus. Vor allem wenn sie weit oben auf einer Webseite erscheinen, k\u00f6nnen sie sich negativ auf den LCP auswirken. Googles Statistik \u201eBild\u00fcbermittlung verbessern\u201c<\/a> hebt Bilder hervor, die zu gro\u00df, schlecht komprimiert oder in veralteten Formaten gespeichert sind.<\/p>\n\n\n\nWas du dagegen tun kannst:<\/p>\n\n\n\n
\n- Liefere Bilder in einer Gr\u00f6\u00dfe aus, die zu ihrem Container passt<\/li>\n\n\n\n
- Nutze moderne Formate<\/a> (z. B. WebP, AVIF)<\/li>\n\n\n\n
- Komprimiere Bilder<\/li>\n\n\n\n
- Nutze Lazy Loading<\/a><\/li>\n\n\n\n
- Richte ein CDN ein<\/a><\/li>\n\n\n\n
- Priorisiere LCP-Bilder<\/a><\/li>\n<\/ul>\n\n\n\n
H\u00e4ufige Ursachen:<\/p>\n\n\n\n
\n- Nicht optimierte Bilder<\/li>\n<\/ul>\n\n\n\n
Um dieses Problem anzugehen, optimiert WP Rocket, wie Bilder geladen werden, z. B. durch Lazy Loading und LCP-Priorisierung. Au\u00dferdem ist Imagify<\/a> ein Plugin, mit dem du die Bilder selbst optimieren<\/a> kannst. Damit kannst du sie automatisch ins WebP- oder AVIF-Format konvertieren, komprimieren und ihre Gr\u00f6\u00dfe \u00e4ndern.<\/p>\n\n\n\n![\"Die](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/11\/imagify-bulk-optimization-option-1.jpg\")
<\/figure>\n\n\n\nZusammen reichte das aus, um die Warnung \u201eBild\u00fcbermittlung verbessern\u201c auf unserer Test-Website von 240 KB auf nur noch 30 KB zu reduzieren. F\u00fcr weitere Verbesserungen w\u00e4ren manuelle Eingriffe n\u00f6tig.<\/p>\n\n\n\n![\"Verbesserte](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/improved-improve-image-delivery-insight.jpg\")
<\/figure>\n\n\n\n6. Drittanbieter<\/h3>\n\n\n\n![\"Ausgangswert](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/test-website-initial-3rd-parties-insight.jpg\")
<\/figure>\n\n\n\nDrittanbieter-Code (Analyse-Skripte, Werbung, Schriftarten, eingebettete Videos) kann Websites verlangsamen, weil er mit unverzichtbaren Dateien um Bandbreite konkurriert, den Hauptthread des Browsers blockiert und zus\u00e4tzliche HTTP-Anfragen verursacht. Googles Statistik \u201eDrittanbieter\u201c<\/a> soll dir helfen herauszufinden, welche externen Skripte die Performance deiner Website am st\u00e4rksten beeintr\u00e4chtigen, damit du das Problem angehen kannst.<\/p>\n\n\n\nWas du dagegen tun kannst:<\/p>\n\n\n\n
\n- Begrenze Drittanbieter-Code auf deiner Website<\/li>\n\n\n\n
- Lade ihn bedingt, nur dort, wo er n\u00f6tig ist<\/li>\n\n\n\n
- Setze Preconnect und Prefetch f\u00fcr Skripte ein<\/a><\/li>\n\n\n\n
- Lade weniger wichtigen Code verz\u00f6gert und verz\u00f6gere seine Ausf\u00fchrung<\/li>\n\n\n\n
- Hoste externe Skripte selbst, um HTTP-Anfragen zu reduzieren<\/a><\/li>\n\n\n\n
- Lagere Skripte in Web Worker aus<\/li>\n<\/ul>\n\n\n\n
H\u00e4ufige Ursachen:<\/p>\n\n\n\n
\n- Zu viele oder schlecht optimierte Inhalte von Drittanbietern<\/li>\n<\/ul>\n\n\n\n
WP Rocket bietet viele Funktionen, mit denen du die Statistik \u201eDrittanbieter\u201c angehen kannst. Du kannst damit wichtige Dateien und Schriftarten vorladen, JavaScript verz\u00f6gert laden und seine Ausf\u00fchrung verz\u00f6gern, visuelle Inhalte und iframes per Lazy Loading laden sowie Google Fonts selbst hosten<\/a>.<\/p>\n\n\n\nDamit hat sich die Statistik \u201eDrittanbieter\u201c der Test-Website im Vergleich zu den ersten Messwerten oben deutlich verbessert.<\/p>\n\n\n\n![\"Verbesserte](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/improved-3rd-parties-insight.jpg\")
<\/figure>\n\n\n\n7. Schriftart-Anzeige<\/h3>\n\n\n\n![\"Ausgangswert](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/test-website-initial-font-display-insight.jpg\")
<\/figure>\n\n\n\nBenutzerdefinierte Schriftarten k\u00f6nnen die Performance und die visuelle Stabilit\u00e4t deiner Website beeintr\u00e4chtigen, vor allem wenn sie verz\u00f6gert laden. Die Statistik \u201eSchriftart-Anzeige\u201c<\/a> weist darauf hin, wenn die CSS-Eigenschaft font-display deiner Seite nicht auf swap oder optional gesetzt ist.<\/p>\n\n\n\nWas du dagegen tun kannst:<\/p>\n\n\n\n
\n- Konfiguriere font-display korrekt<\/li>\n\n\n\n
- Nutze Inlining, Preconnect, Preload und Self-Hosting f\u00fcr Schriftarten<\/li>\n\n\n\n
- Verwende Systemschriften und moderne Formate wie WOFF2<\/li>\n\n\n\n
- Verringere die Dateigr\u00f6\u00dfe durch Subsetting<\/li>\n\n\n\n
- Entferne CSS, das das Erkennen von Schriftarten verz\u00f6gern kann<\/li>\n<\/ul>\n\n\n\n
H\u00e4ufige Ursachen:<\/p>\n\n\n\n
\n- Falsch konfiguriertes Schrift-CSS<\/li>\n\n\n\n
- Nicht optimierte Schriftdateien<\/li>\n<\/ul>\n\n\n\n
Wenn du Google Fonts auf deiner Website verwendest, fasst WP Rocket deren Schriftanfragen automatisch zu einer zusammen, f\u00fcgt den Parameter display=swap hinzu, baut eine Vorverbindung zu Google Fonts auf, l\u00e4dt die Schriftdateien vor und l\u00e4dt sie asynchron. In unserem Fall reichte alles, was wir bereits getan hatten, um die Statistik \u201eSchriftart-Anzeige\u201c in den Bereich \u201eBestandene Pr\u00fcfungen<\/strong>\u201c zu verschieben.<\/p>\n\n\n\n
\u2705 PSI liefert sowohl simulierte Webdaten als auch, sofern verf\u00fcgbar, reale Daten aus dem Bericht zur User Experience in Chrome (CrUX). Es listet konkrete Performance-Probleme auf, einschlie\u00dflich der Dateien und Seitenelemente, die sie verursachen, sowie m\u00f6gliche L\u00f6sungen.<\/p>\n\n\n\n
\u2705 Ein zentraler Bestandteil des Performance-Berichts sind die Core-Web-Vitals-Metriken<\/a>. Konzentriere dich darauf, hier die Bewertung \u201ebestanden\u201c zu erhalten, statt einem perfekten Score von 100\/100 hinterherzujagen. Priorisiere au\u00dferdem die mobile Performance und globale Verbesserungen vor seitenspezifischen \u00c4nderungen.<\/p>\n\n\n\n \u2705 WP Rocket<\/a> und Imagify<\/a> sind zwei WordPress-Plugins, die ganz ohne Programmierung helfen, deine Ergebnisse in PageSpeed Insights und deine Core Web Vitals zu verbessern. WP Rocket wendet bei der Aktivierung automatisch 80 % der Best Practices f\u00fcr Performance an und bietet zus\u00e4tzliche Verbesserungen mit einem Klick. Imagify hilft, bildbezogene Warnungen zu beheben, indem es Bilddateien automatisch komprimiert und in moderne Formate wie WebP oder AVIF konvertiert.<\/p>\n\n\n\n \u2705 \u00dcberwache die Performance im Zeitverlauf und teste mit echten Nutzern, um sicherzustellen, dass sich Verbesserungen in einer tats\u00e4chlich besseren Nutzererfahrung niederschlagen und nicht nur in h\u00f6heren Labor-Scores.<\/p>\n\n\n\n PageSpeed Insights (PSI)<\/a> ist ein kostenloses Tool von Google zur Analyse und Verbesserung der Performance und Nutzererfahrung von Webseiten. Es basiert auf Lighthouse, einem weiteren Open-Source-Tool, das Google entwickelt hat.<\/p>\n\n\n\n Seinen Empfehlungen zu folgen, tr\u00e4gt nicht nur dazu bei, dass deine Website schneller l\u00e4dt, sondern ist auch gut f\u00fcr deine SEO<\/a>. Google nutzt dieselben Informationen, die PSI anzeigt, um die Rankings in den Suchergebnissen zu bestimmen. Insbesondere die Core Web Vitals wirken sich direkt auf die Sichtbarkeit deiner Seiten in den Suchergebnissen aus<\/a>.<\/p>\n\n\n\n Einen Google PageSpeed Test<\/strong> mit PSI durchzuf\u00fchren, ist denkbar einfach. Ruf einfach die Startseite des Tools<\/a> auf, gib in der oberen Leiste die URL der Seite ein, die du testen m\u00f6chtest, und dr\u00fcck die Eingabetaste oder klick auf \u201eAnalysieren<\/strong>\u201c.<\/p>\n\n\n\n In der Regel erh\u00e4ltst du in weniger als einer Minute einen vollst\u00e4ndigen Bericht.<\/p>\n\n\n\n Der PageSpeed-Insights-Bericht<\/a> besteht aus mehreren Teilen. Hier erf\u00e4hrst du, was jeder davon enth\u00e4lt.<\/p>\n\n\n\n Ganz oben kannst du zwischen dem Bericht f\u00fcr die mobile Version und dem f\u00fcr die Desktop-Version deiner Website wechseln.<\/p>\n\n\n\n PageSpeed Insights testet beide getrennt. Mobilger\u00e4te haben meist weniger Rechenleistung und langsamere Internetverbindungen als Desktop-Computer, weshalb Webseiten auf Mobilger\u00e4ten langsamer laden.<\/p>\n\n\n\n Das Tool zeigt standardm\u00e4\u00dfig die mobilen Ergebnisse an, weil der Gro\u00dfteil des Internet-Traffics von Smartphones und Tablets stammt<\/a>.<\/p>\n\n\n\n Au\u00dferdem nutzt Google einen Mobile-First-Suchindex, das hei\u00dft, die Rankings in der Suche werden anhand der mobilen Version deiner Website bestimmt.<\/p>\n\n\n\n Und schlie\u00dflich \u00fcbertragen sich die meisten Verbesserungen, die du f\u00fcr die mobile Performance vornimmst, auf die Desktop-Version: Wenn du deine mobile Performance verbesserst<\/a>, profitieren also auch Desktop-Besucher davon.<\/p>\n\n\n\n Core Web Vitals sind Metriken, die Google 2020 eingef\u00fchrt hat<\/a> und die 2021 zu einem Rankingfaktor wurden<\/a>. Sie messen die Nutzererfahrung auf Webseiten. Derzeit gibt es drei davon:<\/p>\n\n\n\n Den Abschnitt \u201eCore Web Vitals-Bewertung\u201c findest du oben in PageSpeed Insights nur, wenn deine Webseite gen\u00fcgend Traffic von Chrome-Nutzern erh\u00e4lt. Die Daten hier beruhen auf den realen Core-Web-Vitals-Erfahrungen, die Besucher in den letzten 28 Tagen auf deiner Webseite gemacht haben.<\/p>\n\n\n\n Die Bewertung zeigt klar, ob du sie bestehst oder nicht, und liefert Details zu jeder Metrik. Au\u00dferdem zeigt sie First Contentful Paint (FCP)<\/a> und Time to First Byte (TTFB)<\/a>. Sie erfassen, wie lange es dauert, bis der erste Seiteninhalt erscheint, beziehungsweise bis der Server antwortet.<\/p>\n\n\n\n Achte auf den kleinen Schalter \u201eDiese URL\/Ursprung<\/strong>\u201c oben rechts.<\/p>\n\n\n\n Damit kannst du zwischen der Core Web Vitals-Bewertung der getesteten Seite und den Durchschnittswerten deiner gesamten Website hin- und herwechseln. Das hilft dir zum Beispiel zu verstehen, ob eine Seite deutlich schlechter abschneidet als der Rest.<\/p>\n\n\n\n Der Bereich \u201eLeistung<\/strong>\u201c enth\u00e4lt \u00e4hnliche Informationen wie oben.<\/p>\n\n\n\n Er liefert dir eine Aufschl\u00fcsselung wichtiger Performance-Metriken, darunter die bereits erw\u00e4hnten LCP, FCP und CLS sowie zwei weitere Werte:<\/p>\n\n\n\n Alle diese Metriken flie\u00dfen in den Performance-Gesamtscore ganz oben ein. Wenn du wissen willst, welchen Anteil jede Metrik hat, sieh dir den Lighthouse Scoring Calculator<\/a> an.<\/p>\n\n\n\n Ein guter Score liegt zwischen 90 und 100, ein Score von 50 bis 89 ist verbesserungsw\u00fcrdig, und alles unter 50 gilt als schlecht.<\/p>\n\n\n\n Anders als bei der vorherigen Bewertung handelt es sich hier um simulierte Labordaten. Die technischen Daten des verwendeten emulierten Ger\u00e4ts siehst du im grauen Kasten unten. Au\u00dferdem gibt es einen Filmstreifen, der zeigt, wie Elemente w\u00e4hrend des Ladevorgangs auf dem Bildschirm erscheinen.<\/p>\n\n\n\n In den Bereichen \u201eStatistiken<\/strong>\u201c und \u201eDiagnose<\/strong>\u201c listet Google PageSpeed Insights konkrete Faktoren auf, die die Performance deiner Seite beeintr\u00e4chtigen.<\/p>\n\n\n\n Klick darauf, um die konkreten Seitenelemente oder Dateien zu sehen, die Probleme verursachen, zusammen mit m\u00f6glichen L\u00f6sungen und Links zu weiterf\u00fchrenden Ressourcen.<\/p>\n\n\n\n Beispiele sind Empfehlungen, die DOM-Gr\u00f6\u00dfe zu optimieren<\/a> oder den Viewport f\u00fcr Mobilger\u00e4te anzupassen, und vieles mehr.<\/p>\n\n\n\n Statistiken sind Faktoren, die sich direkt auf deinen Performance-Score auswirken. Diagnosen tun das nicht, k\u00f6nnen dir aber trotzdem helfen, besser zu verstehen, warum deine Seite langsam ist. Du kannst beide danach filtern, auf welche der wichtigsten Metriken sie sich auswirken.<\/p>\n\n\n\n Ganz unten findest du schlie\u00dflich eine Liste der Pr\u00fcfungen, die deine Webseite bestanden hat. Klick darauf, um sie aufzuklappen.<\/p>\n\n\n\n Alle Statistiken oder Probleme, die du erfolgreich behebst, werden bei deinem n\u00e4chsten Test hierher verschoben.<\/p>\n\n\n\n PageSpeed Insights erfasst nicht nur Indikatoren f\u00fcr die Performance einer Seite, sondern auch f\u00fcr die Nutzererfahrung insgesamt. Dazu geh\u00f6rt die Barrierefreiheit<\/a>, also wie gut Menschen mit unterschiedlichen Beeintr\u00e4chtigungen deine Webseite nutzen k\u00f6nnen.<\/p>\n\n\n\n Der Bericht funktioniert \u00e4hnlich wie der Bereich \u201eLeistung<\/strong>\u201c: Oben erh\u00e4ltst du einen Gesamtscore, darunter ausf\u00fchrliche Ergebnisse und Empfehlungen.<\/p>\n\n\n\n Die Empfehlungen hier konzentrieren sich auf Dinge wie:<\/p>\n\n\n\n Der Bericht listet empfohlene Verbesserungen, manuell zu pr\u00fcfende Elemente und bestandene Pr\u00fcfungen auf.<\/p>\n\n\n\n \ud83d\udca1Erfahre, wie du eine Barrierefreiheitspr\u00fcfung durchf\u00fchrst<\/a>.<\/p>\n<\/blockquote>\n\n\n\n Dieser Teil des PSI-Berichts konzentriert sich auf die Sicherheit und die technische Umsetzung deiner Seite. Auch er liefert dir einen Gesamtscore und darunter weitere Details.<\/p>\n\n\n\n Was wird gepr\u00fcft? Unter anderem:<\/p>\n\n\n\n Und schlie\u00dflich analysiert der SEO-Bericht<\/a>, ob deine Webseite grundlegende Praktiken der Suchmaschinenoptimierung<\/a> einh\u00e4lt, zum Beispiel:<\/p>\n\n\n\n Die neueste Erg\u00e4nzung von PageSpeed Insights ist der Bereich \u201eAgentisches Browsing<\/strong>\u201c. Er pr\u00fcft, wie gut die Website f\u00fcr die Interaktion mit KI-Agenten konfiguriert ist.<\/p>\n\n\n\n Weil sich die Standards f\u00fcr das agentische Web noch entwickeln, ist die Funktion derzeit experimentell. Deshalb vergibt sie auch keinen Score von 0 bis 100, sondern listet f\u00fcr die Funktionen, auf die sie achtet, jeweils das Ergebnis \u201ebestanden\u201c oder \u201enicht bestanden\u201c auf.<\/p>\n\n\n\n Derzeit sind das:<\/p>\n\n\n\n Wir haben bereits erw\u00e4hnt, dass PSI sowohl Felddaten als auch Labordaten verwendet. Das steckt hinter diesen Begriffen:<\/p>\n\n\n\n Die beiden Datenarten k\u00f6nnen erheblich voneinander abweichen, weil reale Nutzer weit mehr Variablen ins Spiel bringen. Sie kommen von unterschiedlichen Standorten, verwenden unterschiedliche Ger\u00e4te, Browserversionen und so weiter.<\/p>\n\n\n\n Von den beiden sind Felddaten wichtiger. Am Ende willst du ja, dass echte Menschen auf deiner Webseite eine gute Erfahrung machen. Nutze also, wann immer es geht, Felddaten, um deine Fortschritte zu messen, und Labordaten, um die konkreten Ursachen hinter Problemen zu finden.<\/p>\n\n\n\n Geh die Informationen von PageSpeed Insights in dieser Reihenfolge an:<\/p>\n\n\n\n Versteif dich nicht darauf, einen Score von 100\/100 zu erreichen. Bring Performance-Metriken und die tats\u00e4chliche Nutzererfahrung ins Gleichgewicht. Wenn eine Funktion deiner Seite bem\u00e4ngelt wird, die Nutzern echten Mehrwert bietet, pr\u00fcfe, ob du ihre Funktionsweise verbessern kannst, statt sie ganz zu entfernen.<\/p>\n\n\n\n Ber\u00fccksichtige au\u00dferdem, was f\u00fcr eine Art von Website du betreibst. Einen gr\u00fcnen Score zu erreichen, kann f\u00fcr einen komplexen WooCommerce-Shop<\/a> deutlich schwieriger sein als f\u00fcr eine einseitige Visitenkarten-Website.<\/p>\n\n\n\n Hier zeigen wir dir, wie du mit PageSpeed Insights typische Geschwindigkeitsprobleme von WordPress-Websites angehst<\/a>. Im Allgemeinen sieht der Ablauf so aus:<\/p>\n\n\n\n Um dir zu zeigen, wie du das auf konkrete Anwendungsf\u00e4lle \u00fcbertr\u00e4gst, haben wir eine Test-Website eingerichtet, die als Beispiel dient. Die v\u00f6llig unoptimierte Website zeigt die folgenden PSI-Ergebnisse.<\/p>\n\n\n\n Die Bereiche \u201eStatistiken<\/strong>\u201c und \u201eDiagnose<\/strong>\u201c zeigen au\u00dferdem Performance-Probleme, die auf WordPress-Websites h\u00e4ufig vorkommen.<\/p>\n\n\n\n Gehen wir sie Schritt f\u00fcr Schritt an.<\/p>\n\n\n\n Die Latenz der Dokumentanfrage<\/a> ist die Zeitspanne zwischen dem Moment, in dem ein Browser das HTML-Dokument einer Webseite zum ersten Mal anfragt, und dem Moment, in dem das Dokument vollst\u00e4ndig heruntergeladen ist. Sie ist wichtig, weil der Browser vorher weder mit dem Rendern der Seite beginnen noch andere Ressourcen laden kann.<\/p>\n\n\n\n Was du dagegen tun kannst:<\/p>\n\n\n\n H\u00e4ufige Ursachen:<\/p>\n\n\n\n Nach der Aktivierung von WP Rocket, das Caching, Komprimierung und Minifizierung umsetzt (neben weiteren automatischen und standardm\u00e4\u00dfigen Verbesserungen<\/a>), zeigt PageSpeed Insights den unten abgebildeten verbesserten Performance-Bericht.<\/p>\n\n\n\n Googles Statistik \u201eEffiziente Verweildauer im Cache verwenden\u201c<\/a> analysiert, ob eine Webseite Browser-Caching nutzt, eine von mehreren Caching-Arten<\/a>. Browser-Caching teilt dem Browser des Nutzers mit, wie lange er eine Website-Datei f\u00fcr die sp\u00e4tere Wiederverwendung auf der lokalen Festplatte speichern soll.<\/p>\n\n\n\n So m\u00fcssen Besucher nicht jede Datei erneut herunterladen, wenn sie auf deine Website zur\u00fcckkehren, was ihre Ladezeit verk\u00fcrzt.<\/p>\n\n\n\n Was du dagegen tun kannst:<\/p>\n\n\n\n H\u00e4ufige Ursachen:<\/p>\n\n\n\n WP Rocket richtet Browser-Caching automatisch ein, sobald das Plugin aktiv ist (mit einem separaten mobilen Cache<\/a>). Au\u00dferdem bietet es weitere Funktionen, mit denen Dateien schneller laden, darunter auch solche, die das Caching normalerweise nicht abdeckt.<\/p>\n\n\n\n Allein das reicht aus, um die nicht gecachten Ressourcen auf der Test-Website von 420 KB auf nur noch 50 KB zu reduzieren.<\/p>\n\n\n\n Anfragen, die das Rendering blockieren<\/a>, sind Website-Dateien (meist JavaScript und CSS), die das Erscheinen sichtbarer Inhalte verz\u00f6gern. Sie sind f\u00fcr die erste Darstellung der Seite unn\u00f6tig und halten den Browser besch\u00e4ftigt, sodass er wichtigere Dateien nicht verarbeiten kann.<\/p>\n\n\n\n Was du dagegen tun kannst:<\/p>\n\n\n\n H\u00e4ufige Ursachen:<\/p>\n\n\n\n Neben der standardm\u00e4\u00dfigen Komprimierung und Minifizierung kannst du mit WP Rocket JavaScript verz\u00f6gert laden und seine Ausf\u00fchrung verz\u00f6gern sowie nicht verwendetes CSS mit wenigen Klicks entfernen.<\/p>\n\n\n\n Das verbessert nicht nur den Performance-Gesamtscore unserer Test-Website weiter, sondern beseitigt auch die Warnung zu den Anfragen, die das Rendering blockieren, vollst\u00e4ndig.<\/p>\n\n\n\n Theme-Stylesheets enthalten meist CSS-Regeln f\u00fcr alle m\u00f6glichen Website-Elemente, unabh\u00e4ngig davon, ob diese auf einer bestimmten Seite vorkommen oder nicht. Deshalb laden viele Webseiten CSS-Code, den sie nicht brauchen, was zu l\u00e4ngeren Lade- und Renderzeiten f\u00fchrt.<\/p>\n\n\n\n Was du dagegen tun kannst:<\/p>\n\n\n\n H\u00e4ufige Ursachen:<\/p>\n\n\n\n Wie bereits erw\u00e4hnt, bietet WP Rocket das Entfernen von nicht verwendetem CSS<\/a> als Option mit einem Klick. Bei unserer Test-Website blieb die Warnung wegen eines eingebetteten YouTube-Videos auf der Seite bestehen, das eigene CSS-Stile mitbrachte. Wir konnten das l\u00f6sen, indem wir f\u00fcr das Video Lazy Loading aktiviert haben, eine weitere Ein-Klick-Option in WP Rocket.<\/p>\n\n\n\n Bilder sind datenintensiv und wirken sich stark auf Ladezeit, Nutzererfahrung und SEO aus. Vor allem wenn sie weit oben auf einer Webseite erscheinen, k\u00f6nnen sie sich negativ auf den LCP auswirken. Googles Statistik \u201eBild\u00fcbermittlung verbessern\u201c<\/a> hebt Bilder hervor, die zu gro\u00df, schlecht komprimiert oder in veralteten Formaten gespeichert sind.<\/p>\n\n\n\n Was du dagegen tun kannst:<\/p>\n\n\n\n H\u00e4ufige Ursachen:<\/p>\n\n\n\n Um dieses Problem anzugehen, optimiert WP Rocket, wie Bilder geladen werden, z. B. durch Lazy Loading und LCP-Priorisierung. Au\u00dferdem ist Imagify<\/a> ein Plugin, mit dem du die Bilder selbst optimieren<\/a> kannst. Damit kannst du sie automatisch ins WebP- oder AVIF-Format konvertieren, komprimieren und ihre Gr\u00f6\u00dfe \u00e4ndern.<\/p>\n\n\n\n Zusammen reichte das aus, um die Warnung \u201eBild\u00fcbermittlung verbessern\u201c auf unserer Test-Website von 240 KB auf nur noch 30 KB zu reduzieren. F\u00fcr weitere Verbesserungen w\u00e4ren manuelle Eingriffe n\u00f6tig.<\/p>\n\n\n\n Drittanbieter-Code (Analyse-Skripte, Werbung, Schriftarten, eingebettete Videos) kann Websites verlangsamen, weil er mit unverzichtbaren Dateien um Bandbreite konkurriert, den Hauptthread des Browsers blockiert und zus\u00e4tzliche HTTP-Anfragen verursacht. Googles Statistik \u201eDrittanbieter\u201c<\/a> soll dir helfen herauszufinden, welche externen Skripte die Performance deiner Website am st\u00e4rksten beeintr\u00e4chtigen, damit du das Problem angehen kannst.<\/p>\n\n\n\n Was du dagegen tun kannst:<\/p>\n\n\n\n H\u00e4ufige Ursachen:<\/p>\n\n\n\n WP Rocket bietet viele Funktionen, mit denen du die Statistik \u201eDrittanbieter\u201c angehen kannst. Du kannst damit wichtige Dateien und Schriftarten vorladen, JavaScript verz\u00f6gert laden und seine Ausf\u00fchrung verz\u00f6gern, visuelle Inhalte und iframes per Lazy Loading laden sowie Google Fonts selbst hosten<\/a>.<\/p>\n\n\n\n Damit hat sich die Statistik \u201eDrittanbieter\u201c der Test-Website im Vergleich zu den ersten Messwerten oben deutlich verbessert.<\/p>\n\n\n\n Benutzerdefinierte Schriftarten k\u00f6nnen die Performance und die visuelle Stabilit\u00e4t deiner Website beeintr\u00e4chtigen, vor allem wenn sie verz\u00f6gert laden. Die Statistik \u201eSchriftart-Anzeige\u201c<\/a> weist darauf hin, wenn die CSS-Eigenschaft font-display deiner Seite nicht auf swap oder optional gesetzt ist.<\/p>\n\n\n\n Was du dagegen tun kannst:<\/p>\n\n\n\n H\u00e4ufige Ursachen:<\/p>\n\n\n\n Wenn du Google Fonts auf deiner Website verwendest, fasst WP Rocket deren Schriftanfragen automatisch zu einer zusammen, f\u00fcgt den Parameter display=swap hinzu, baut eine Vorverbindung zu Google Fonts auf, l\u00e4dt die Schriftdateien vor und l\u00e4dt sie asynchron. In unserem Fall reichte alles, was wir bereits getan hatten, um die Statistik \u201eSchriftart-Anzeige\u201c in den Bereich \u201eBestandene Pr\u00fcfungen<\/strong>\u201c zu verschieben.<\/p>\n\n\n\nWas ist Google PageSpeed Insights?<\/h2>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nSo liest du jeden Abschnitt deines Berichts<\/h2>\n\n\n\n
Performance auf Mobilger\u00e4ten vs. Desktop<\/h3>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nCore Web Vitals-Bewertung<\/h3>\n\n\n\n
\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\nLeistung<\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\nStatistiken und Diagnose<\/h3>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nBarrierefreiheit<\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
\n
Best Practices<\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
SEO<\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
Agentisches Browsing<\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
Felddaten vs. Labordaten: Was ist der Unterschied?<\/h2>\n\n\n\n
\n
Welche PSI-Empfehlungen du zuerst angehen solltest<\/h2>\n\n\n\n
\n
H\u00e4ufige Performance-Probleme in WordPress und ihre L\u00f6sungen<\/h2>\n\n\n\n
\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n1. Latenz der Dokumentanfrage<\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
\n
<\/figure>\n\n\n\n2. Verwende eine effiziente Verweildauer im Cache<\/h3>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n\n
\n
<\/figure>\n\n\n\n3. Anfragen zum Blockieren des Renderings<\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n4. Reduziere nicht verwendete CSS<\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
\n
<\/figure>\n\n\n\n5. Verbessere die Bild\u00fcbermittlung<\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n6. Drittanbieter<\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
\n
<\/figure>\n\n\n\n7. Schriftart-Anzeige<\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
\n
![\"Bestandene](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/passed-font-display-insight.jpg\")
<\/figure>\n\n\n\n![\"Beispiel](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/11\/layout-shift-culprits-insight-example-1.jpg\")
<\/figure>\n\n\n\n![\"Die](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/automatically-add-missing-image-dimensions-in-wp-rocket.jpg\")
<\/figure>\n\n\n\n![\"Abschlie\u00dfende](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/test-website-final-performance-audit.jpg\")
<\/figure>\n\n\n\n