Comment utiliser correctement Google PageSpeed Insights

Google PageSpeed Insights fait partie des outils les plus connus pour analyser les performances d'un site web. Vous entrez une URL et obtenez des mesures, des évaluations et des conseils techniques sur la page examinée.

Cependant, le véritable défi ne consiste pas à lancer un test PageSpeed. Il est crucial d'interpréter correctement les résultats affichés.

Un score de performance de 100 ne signifie pas automatiquement qu'un site Web est parfait. Inversement, un score plus bas ne signifie pas que vous devez appliquer immédiatement chaque conseil affiché.

Dans ce guide, nous te montrons comment utiliser judicieusement Google PageSpeed Insights, quelles sections sont particulièrement importantes et comment déduire des mesures d'optimisation concrètes à partir des résultats.

En bref : PageSpeed Insights est un outil de diagnostic. Utilisez-le pour identifier et prioriser les problèmes de performance – et non comme une compétition pour obtenir un maximum de points verts.

Qu'est-ce que Google PageSpeed Insights ? #

PageSpeed Insights, souvent abrégé en PSI, est un outil d'analyse de Google permettant de mesurer les performances des sites web sur les appareils mobiles et les ordinateurs de bureau.

PSI combine ainsi deux types de données fondamentalement différents :

Données de terrain
→ Expériences d'utilisateurs réels

Données de laboratoire
→ Test Lighthouse contrôlé

De plus, l'analyse fournit des diagnostics techniques et des indications permettant d'examiner d'éventuels problèmes de performance.

Ouvrir PageSpeed Insights #

Ouvrez PageSpeed Insights sur :

https://pagespeed.web.dev

Veuillez ensuite saisir l'URL complète de la page que vous souhaitez analyser.

Exemple :

https://example.com

Lancez ensuite l'analyse.

Conseil pratique : Ne teste pas automatiquement uniquement ta page d'accueil. Si tu veux savoir pourquoi, par exemple, une page produit est lente, tu dois analyser exactement cette page produit.

Quelle URL dois-je tester ? #

Un site web se compose souvent de différents types de pages aux exigences techniques totalement différentes.

Une page d'accueil peut par exemple être rapide, tandis qu'une page produit charge de nombreuses images, variantes et scripts supplémentaires.

Par conséquent, selon le site Web, vous devriez examiner plusieurs URL représentatives.

Cela peut être par exemple :

Page d'accueil
Page de service importante
Page de destination
Article de blog
Page de catégorie de boutique
Page produit
Tunnel de commande

Cela vous donne une image nettement plus réaliste qu'un simple test de la page d'accueil.

Considérer le mobile et le bureau séparément #

PageSpeed Insights fait la distinction entre les appareils mobiles et les systèmes de bureau.

Les résultats peuvent différer sensiblement les uns des autres.

Cela est dû entre autres au fait que les conditions de test et la puissance de calcul disponible peuvent différer.

Un site Web qui s'exécute sans problème sur un système de bureau puissant peut s'avérer beaucoup plus exigeant pour un appareil mobile moins performant.

Important : N'ignorez pas l'analyse mobile sous prétexte que le score de bureau a l'air meilleur. Pour de nombreux sites Web, l'utilisation mobile représente une part essentielle du trafic réel des visiteurs.

Comprendre les deux principaux domaines de données #

Avec PageSpeed Insights, vous devez fondamentalement faire la distinction entre les données de terrain et les données de laboratoire.

Données de terrain
→ utilisation réelle dans le passé

Données de laboratoire
→ test synthétique actuel dans des conditions définies

Ces données répondent à différentes questions et peuvent par conséquent fournir des résultats différents.

Que sont les données de terrain dans PageSpeed Insights ? #

Les données de terrain proviennent du Chrome User Experience Report, ou CrUX en abrégé.

Ils sont basés sur des mesures anonymisées d'utilisateurs réels de Chrome dans diverses conditions d'appareils et de réseaux.

Les données de champ affichées représentent une période glissante des 28 derniers jours.

Ainsi, ils ne montrent pas seulement comment la page fonctionne exactement à ce moment précis, mais comment de vrais utilisateurs l'ont vécue sur une période prolongée.

Quelles valeurs affiche la zone de données de champ ? #

Les indicateurs clés pertinents incluent notamment :

LCP → Largest Contentful Paint
INP → Interaction to Next Paint
CLS → Cumulative Layout Shift
FCP → First Contentful Paint
TTFB → Time to First Byte

Les Core Web Vitals proprement dits sont :

LCP
INP
CLS

Nous expliquons ces trois indicateurs en détail sous Core Web Vitals expliqués : LCP, INP et CLS.

Pourquoi les données de terrain ne s'affichent-elles parfois pas ? #

Toutes les URL ne disposent pas de suffisamment de données CrUX.

Cela peut se produire en particulier sur les nouveaux sites Web, les sites peu visités ou les URL dont les données de mesure appropriées sont insuffisantes.

PageSpeed Insights pourrait alors ne pas être en mesure de fournir des données de terrain fiables pour cette URL.

Cela ne signifie pas que la page ne peut pas être analysée.

Les données de laboratoire Lighthouse peuvent toujours être utilisées pour le diagnostic technique.

Important : „ Pas de données “ ne signifie pas „ mauvaise performance “. Cela signifie simplement dans un premier temps qu'il n'y a pas assez de données d'utilisation réelles disponibles pour l'évaluation concernée.

Différencier les données d'URL et les données d'origine #

Selon la disponibilité des données, PageSpeed Insights peut présenter des informations pour l'URL spécifiquement testée ou des données agrégées pour l'origine du site Web.

C'est une différence importante.

Simplifié :

Données d'URL
→ Expériences avec exactement cette page

Données d'origine
→ Expériences agrégées avec des pages de la même origine de site web

Faites donc attention à la base de données sur laquelle reposent les valeurs affichées.

Que signifie „ Core Web Vitals : réussi “ ? #

Pour l'évaluation des Core Web Vitals, Google prend en compte les valeurs du LCP, de l'INP et du CLS.

L'évaluation est basée sur le 75e centile des données d'utilisation réelle.

Les seuils pour une bonne évaluation sont :

Valeur mesurée	Bien
LCP	≤ 2,5 s
INP	≤ 200 ms
CLS	≤ 0,1

Pour réussir l'évaluation des Core Web Vitals, si les données sont suffisantes, les métriques pertinentes doivent se situer dans la bonne plage au 75e percentile.

Que signifie le 75e centile ? #

Le 75e centile évite qu'un site Web ne soit jugé uniquement sur la base d'appels individuels particulièrement rapides.

En termes simples, cela signifie :

Au moins 75 pour cent des expériences mesurées atteignent une valeur égale ou supérieure à cette valeur.

Par exemple, si le LCP au 75e centile est :

2,3 secondes

se situe, au moins 75 pour cent des expériences prises en compte présentaient un LCP au plus égal à environ cette valeur.

Quelles sont les données de laboratoire ? #

En plus des données d'utilisation réelles, PageSpeed Insights effectue une analyse Lighthouse.

La page est alors chargée dans des conditions définies ou simulées et examinée sur le plan technique.

Ces données de laboratoire conviennent particulièrement au diagnostic.

Vous pouvez, par exemple, apporter une modification à votre site Web, puis effectuer un nouveau test pour vérifier l'impact de cette modification sur la mesure Lighthouse.

Que signifie le score de performance ? #

Lighthouse combine différentes métriques de performance pondérées pour obtenir un score compris entre 0 et 100.

Les domaines sont généralement classés de la manière suivante :

Score	Évaluation
90–100	Bien
50–89	Marge d'amélioration
0–49	Mauvais

Le score est utile pour un repérage rapide. Ce n'est cependant pas un pourcentage de la vitesse de votre site web.

Une valeur de :

Performance 82

ne signifie donc pas :

Le site web est rapide à 82 %.

Pourquoi le score de performance fluctue-t-il ? #

Si vous passez le même test plusieurs fois, vous pouvez obtenir des scores différents.

C'est fondamentalement normal.

Les mesures peuvent par exemple être influencées par les conditions du réseau, les ressources disponibles du système de test, les services externes et les temps de réponse variables.

C'est pourquoi tu ne dois pas tirer de conclusions hâtives d'une seule mesure.

Tester plusieurs fois #

Effectuez une analyse plusieurs fois et veillez à voir si un schéma récurrent se dégage.

Exemple :

Test 1 → 83
Test 2 → 86
Test 3 → 84

→ résultat relativement cohérent

Pour le résultat suivant, vous devriez en revanche y regarder de plus près :

Test 1 → 85
Test 2 → 51
Test 3 → 87

Il serait intéressant de savoir pourquoi une mesure s'écarte autant des autres.

Les données de terrain et les données de laboratoire peuvent se contredire. #

Es kann vorkommen, dass die realen Nutzungsdaten gut aussehen, während der aktuelle Lighthouse-Test Probleme zeigt – oder umgekehrt.

Das ist nicht zwangsläufig ein Fehler.

Die Daten betrachten unterschiedliche Zeiträume und Bedingungen:

Felddaten
→ reale Nutzer
→ unterschiedliche Geräte
→ unterschiedliche Netzwerke
→ vergangene 28 Tage

Labordaten
→ einzelner synthetischer Test
→ definierte Bedingungen
→ aktueller Zeitpunkt

Deshalb solltest du nicht versuchen, beide Bereiche zwangsläufig auf identische Werte zu bringen.

Welchen Daten soll ich mehr vertrauen? #

Beide Datenarten sind wertvoll, aber für unterschiedliche Aufgaben.

Wenn du wissen möchtest, wie reale Nutzer deine Website tatsächlich erleben, sind Felddaten besonders relevant.

Wenn du einen konkreten technischen Engpass untersuchen oder eine Änderung unmittelbar testen möchtest, sind Labordaten sehr hilfreich.

Die sinnvollste Analyse verwendet beide Perspektiven.

Die Performance-Kennzahlen im Lighthouse-Bereich #

PageSpeed Insights zeigt im Labortest mehrere Performance-Kennzahlen an.

Je nach aktueller Lighthouse-Version kann sich die genaue Darstellung beziehungsweise Gewichtung verändern.

Zu den typischen Kennzahlen gehören unter anderem:

First Contentful Paint
Largest Contentful Paint
Total Blocking Time
Cumulative Layout Shift
Speed Index

Diese Werte beschreiben unterschiedliche Aspekte des Ladevorgangs und der Darstellung.

First Contentful Paint – FCP #

FCP beschreibt, wann der Browser erstmals Inhalt aus dem Dokument darstellt.

Ein guter FCP kann dem Besucher früh signalisieren, dass die Seite tatsächlich lädt.

FCP sagt jedoch noch nicht, wann der wichtigste Hauptinhalt sichtbar ist.

Largest Contentful Paint – LCP #

LCP betrachtet das Rendern des größten relevanten Inhaltselements im sichtbaren Bereich.

Wenn beispielsweise ein großes Hero-Bild das LCP-Element ist, können dessen Dateigröße, Ladepriorität und technische Einbindung einen erheblichen Einfluss haben.

Wie du Bilder richtig vorbereitest, erklären wir unter Optimiser les images pour le Web : taille de fichier, format et référencement.

Total Blocking Time – TBT #

Total Blocking Time ist eine Laborkennzahl, die vereinfacht betrachtet, wie stark der Hauptthread während eines bestimmten Abschnitts des Seitenaufbaus durch längere Aufgaben blockiert wird.

JavaScript kann dabei eine wichtige Rolle spielen.

Ein hoher TBT kann darauf hinweisen, dass der Browser längere Zeit mit Aufgaben beschäftigt ist und dadurch nicht unmittelbar auf andere Arbeiten reagieren kann.

TBT und INP sind nicht dasselbe #

TBT ist eine Laborkennzahl. INP basiert auf tatsächlichen Interaktionen und gehört zu den Core Web Vitals.

Die beiden Werte stehen thematisch im Zusammenhang mit Reaktionsfähigkeit, dürfen aber nicht gleichgesetzt werden.

Important : Ein guter TBT-Wert im Lighthouse-Test ersetzt keine realen INP-Daten.

Cumulative Layout Shift – CLS #

CLS bewertet unerwartete Layoutverschiebungen.

Ein typisches Beispiel ist ein Text oder Button, der während des Ladens plötzlich seine Position verändert, weil oberhalb nachträglich ein Element Platz beansprucht.

Mögliche Auslöser können beispielsweise Bilder ohne geeignete Größeninformationen oder dynamisch eingefügte Inhalte sein.

Speed Index #

Der Speed Index beschreibt vereinfacht, wie schnell die sichtbaren Inhalte einer Seite während des Ladevorgangs dargestellt werden.

Er ist eine Laborkennzahl und sollte gemeinsam mit den anderen Messwerten betrachtet werden.

Was bedeuten die farbigen Werte? #

PageSpeed Insights verwendet Farben, um die Einordnung von Messwerten zu erleichtern.

Grün
→ guter Bereich

Orange / Gelb
→ Verbesserung erforderlich

Rot
→ schlechter Bereich

Diese Farben sind hilfreich zur Orientierung, sollten aber nicht dazu führen, dass du jede gelbe oder rote Meldung ohne Priorisierung bearbeitest.

Der wichtigste Bereich: Diagnosen und Optimierungshinweise #

Unterhalb der Kennzahlen zeigt Lighthouse verschiedene technische Hinweise.

Dort liegt für die praktische Optimierung häufig der größte Nutzen des Werkzeugs.

PageSpeed Insights kann beispielsweise auf folgende Probleme hinweisen:

unnötig große Bilder
ineffizient ausgelieferte Bilder
render-blockierende Ressourcen
ungenutztes JavaScript
ungenutztes CSS
lange Aufgaben im Hauptthread
große Netzwerk-Nutzlasten
Probleme beim LCP-Element
Caching-Probleme
Layoutverschiebungen

Welche Hinweise tatsächlich erscheinen, hängt von der analysierten Seite und der verwendeten Lighthouse-Version ab.

Nicht jede Empfehlung hat dieselbe Priorität #

Eine lange Liste von Hinweisen kann zunächst dramatisch aussehen.

Du solltest sie aber nicht einfach von oben nach unten abarbeiten.

Vérifie d'abord :

Welcher Messwert ist tatsächlich schlecht?
        ↓
Welche Ressource beeinflusst ihn?
        ↓
Wie groß ist das mögliche Verbesserungspotenzial?
        ↓
Kann die Maßnahme ohne Funktionsverlust umgesetzt werden?
        ↓
Ist der Aufwand im Verhältnis zum Nutzen sinnvoll?

Geschätzte Einsparungen richtig verstehen #

Bei bestimmten Prüfungen zeigt Lighthouse eine geschätzte mögliche Einsparung an.

Eine solche Schätzung ist kein Versprechen, dass deine reale Website anschließend exakt um diesen Wert schneller wird.

Sie hilft vielmehr dabei, das mögliche Optimierungspotenzial einer Maßnahme einzuordnen.

Beispiel: Bilder sind zu groß #

Angenommen, PageSpeed Insights meldet, dass ein großes Bild effizienter ausgeliefert werden könnte.

Dann solltest du zunächst die betreffende Datei identifizieren.

Vérifiez ensuite :

Welche Pixelabmessungen besitzt das Bild?

Wie groß wird es tatsächlich dargestellt?

Welche Dateigröße besitzt es?

Welches Format wird verwendet?

Ist die Qualitätsstufe angemessen?

Danach kannst du gezielt eine optimierte Variante erstellen.

Die Unterschiede zwischen den wichtigsten Formaten erklären wir unter WebP, AVIF, JPG et PNG : quel format d'image utiliser ?.

Beispiel: Render-blockierende Ressourcen #

Bestimmte CSS- oder JavaScript-Ressourcen können die Darstellung einer Seite beeinflussen, bevor wichtige sichtbare Inhalte gerendert werden können.

PageSpeed Insights kann solche Ressourcen identifizieren.

Das bedeutet jedoch nicht, dass du jede angezeigte CSS- oder JavaScript-Datei einfach entfernen oder verzögert laden solltest.

Sie kann für das Layout oder eine wichtige Funktion erforderlich sein.

Attention : Performance-Optimierungen an CSS und JavaScript können die Funktion oder Darstellung einer Website verändern. Erstelle vor größeren Änderungen ein Backup und teste die Website anschließend sorgfältig.

Beispiel: Ungenutztes JavaScript #

Eine Website kann JavaScript laden, von dem beim untersuchten Seitenaufruf nur ein Teil benötigt wird.

Das kann beispielsweise bei umfangreichen Themes, Plugins oder externen Bibliotheken auftreten.

Die Meldung „ungenutztes JavaScript“ bedeutet aber nicht automatisch, dass die komplette betreffende Datei gelöscht werden kann.

Ein Script kann beispielsweise auf einer anderen Seite oder erst nach einer bestimmten Benutzeraktion benötigt werden.

Beispiel: Ungenutztes CSS #

Ähnliches gilt für CSS.

Ein Stylesheet kann Regeln enthalten, die auf der gerade getesteten Seite nicht verwendet werden, auf anderen Bereichen der Website aber notwendig sind.

Automatisches Entfernen ohne Prüfung kann deshalb zu Darstellungsfehlern führen.

Beispiel: LCP-Element untersuchen #

Wenn der LCP auffällig ist, solltest du herausfinden, welches Element als LCP-Element erkannt wurde.

Cela peut être par exemple :

Hero-Bild
große Überschrift
Banner
großer Inhaltsblock

Ist ein Bild betroffen, kannst du unter anderem dessen Abmessungen, Dateigröße, Format und Ladeverhalten untersuchen.

Ist Text betroffen, können andere Ressourcen wie Webfonts oder render-blockierende Styles eine Rolle spielen.

Beispiel: Layoutverschiebungen #

Bei einem auffälligen CLS solltest du nicht einfach nach einer allgemeinen „CLS-Optimierung“ suchen.

Ermittle zuerst, welche Elemente sich tatsächlich unerwartet verschieben.

Mögliche Kandidaten sind beispielsweise:

Bilder ohne reservierten Platz
Werbeelemente
Cookie-Banner
nachgeladene Inhalte
Webfonts
dynamische Widgets

Erst danach sollte die konkrete Ursache behoben werden.

Netzwerk-Nutzlasten beurteilen #

Lighthouse kann auf große übertragene Datenmengen hinweisen.

Das ist besonders bei Seiten mit vielen Bildern, Videos, Fonts oder umfangreichen Scripts interessant.

Eine große Gesamtmenge allein sagt allerdings noch nicht, welche Ressource unnötig ist.

Eine Fotogalerie benötigt naturgemäß mehr Daten als eine reine Textseite.

Untersuche deshalb die einzelnen Ressourcen.

Drittanbieter-Code erkennen #

Externe Dienste können einen erheblichen Anteil an JavaScript und Netzwerkanfragen verursachen.

Cela peut par exemple inclure :

Analytics
Tag-Manager
Werbenetzwerke
Social-Media-Widgets
Chat-Systeme
externe Videos
Maps
Marketing-Tools

Wenn ein Drittanbieter einen großen Performance-Einfluss besitzt, musst du abwägen, welchen geschäftlichen Nutzen der Dienst bringt und ob er anders eingebunden werden kann.

Nicht jedes externe Script einfach entfernen #

Ein Analyse- oder Marketing-System kann für eine Website geschäftlich wichtig sein.

Performance-Optimierung bedeutet deshalb nicht automatisch, sämtliche externen Dienste zu löschen.

La meilleure question est la suivante :

Brauchen wir diesen Dienst, und wenn ja, können wir ihn effizienter einsetzen?

Warum 100 Punkte nicht das eigentliche Ziel sind #

Ein Score von 100 sieht hervorragend aus, ist aber kein Qualitätszertifikat für die gesamte Website.

PageSpeed Insights bewertet bestimmte technische Aspekte. Das Werkzeug beurteilt beispielsweise nicht, ob dein Angebot verständlich ist, deine Texte hilfreich sind oder Besucher ihr Ziel erreichen.

Auch bei der Performance kann ein sehr guter Lab-Score nicht garantieren, dass jeder reale Besucher dieselbe Erfahrung hat.

Conseil pratique : Wenn deine Core Web Vitals gut sind, die Website für reale Besucher schnell und stabil funktioniert und keine bedeutenden Performance-Probleme bestehen, ist die Jagd von 97 auf 100 Punkte häufig weniger wichtig als die Verbesserung echter Inhalte oder Funktionen.

Ein grüner Score bedeutet nicht „nichts mehr tun“ #

Auch das Gegenteil gilt.

Eine Website mit einem Score über 90 kann einzelne Probleme besitzen, die für reale Besucher relevant sind.

Beispielsweise kann eine bestimmte Produktseite, ein Formular oder eine Interaktion problematisch sein, obwohl die getestete Startseite einen guten Score erreicht.

PageSpeed Insights ist ein Seitentest #

Wenn du eine URL analysierst, untersucht Lighthouse diese konkrete Seite.

Das Ergebnis darf nicht automatisch auf die gesamte Website übertragen werden.

Wenn die Startseite:

Performance 95

erreicht, bedeutet das nicht, dass jede andere URL ebenfalls 95 Punkte erreicht.

Vorher-Nachher-Vergleiche durchführen #

PageSpeed Insights eignet sich gut, um eine konkrete Optimierung zu kontrollieren.

Ein sinnvoller Ablauf:

URL testen
    ↓
mehrere Messungen durchführen
    ↓
Werte dokumentieren
    ↓
eine konkrete Optimierung durchführen
    ↓
Cache berücksichtigen
    ↓
dieselbe URL erneut testen
    ↓
mehrere Messungen durchführen
    ↓
Ergebnisse vergleichen

Wie du Performance-Messungen grundsätzlich sauber vergleichst, erklären wir unter Mesurer et évaluer correctement le temps de chargement d'un site web.

Immer nur eine nachvollziehbare Änderung bewerten #

Wenn du fünf Performance-Maßnahmen gleichzeitig umsetzt, kannst du anschließend kaum beurteilen, welche davon tatsächlich geholfen hat.

Bei der Fehlersuche ist ein kontrolliertes Vorgehen besser.

Exemple :

Ausgangsmessung
      ↓
Hero-Bild optimieren
      ↓
erneut messen
      ↓
Ergebnis dokumentieren
      ↓
nächste Maßnahme

Warum sich ein Ergebnis trotz unveränderter Website ändern kann #

Lighthouse-Messungen besitzen eine gewisse natürliche Variabilität.

Netzwerk, Testumgebung, externe Ressourcen und andere Faktoren können einzelne Durchläufe beeinflussen.

Deshalb solltest du kleine Unterschiede nicht überinterpretieren.

Ein Unterschied zwischen beispielsweise 91 und 93 Punkten beweist allein noch keine relevante Performance-Verbesserung.

PageSpeed nach einem Relaunch richtig verwenden #

Nach einem Website-Relaunch ist PageSpeed Insights besonders hilfreich.

Teste nicht nur die neue Startseite, sondern wichtige Seitentypen.

Vérifiez par exemple :

Startseite
wichtigste Landingpages
Blogartikel
Kontaktseite
Produktseiten
Shop-Seiten

Bei einer neuen oder stark veränderten Website können die Felddaten zunächst noch die vergangenen 28 Tage widerspiegeln beziehungsweise für neue URLs nicht ausreichend verfügbar sein.

Für unmittelbare technische Prüfungen sind deshalb zunächst die aktuellen Labordaten besonders hilfreich.

Nach einer Optimierung ändern sich Felddaten nicht sofort #

Ce point est particulièrement important.

Wenn du heute eine Performance-Verbesserung durchführst, spiegeln die CrUX-Felddaten diese Änderung nicht sofort vollständig wider.

Sie betrachten einen rollierenden Zeitraum von 28 Tagen.

Die Labordaten können eine technische Änderung dagegen unmittelbar bei einer neuen Messung erfassen.

Änderung heute
      ↓
Lighthouse-Labtest
→ Effekt sofort messbar

CrUX-Felddaten
→ verändern sich schrittweise
  mit neuen realen Nutzungsdaten

PageSpeed Insights und SEO #

PageSpeed Insights wird häufig als „SEO-Test“ betrachtet. Das ist zu stark vereinfacht.

Das Werkzeug kann technische Hinweise liefern und enthält Lighthouse-Prüfungen aus verschiedenen Kategorien. Ein Performance-Score ist aber kein direkter Google-Ranking-Score.

Ein Wechsel von:

Performance 82 → 95

bedeutet deshalb nicht automatisch eine entsprechend große Rankingverbesserung.

Die Core Web Vitals sind Teil der von Google betrachteten Page-Experience-Signale, aber Suchmaschinenranking hängt von wesentlich mehr Faktoren ab.

PageSpeed nicht mit Google Search Console verwechseln #

PageSpeed Insights analysiert eine angegebene URL hinsichtlich technischer Performance-Aspekte.

Google Search Console zeigt dagegen unter anderem Informationen darüber, wie Google deine Website in der Suche verarbeitet und wie sie in den Suchergebnissen performt.

Beide Werkzeuge ergänzen sich, erfüllen aber unterschiedliche Aufgaben.

Die Einrichtung der Search Console behandeln wir unter Configurer Google Search Console et valider le site web.

Was tun bei einem schlechten PageSpeed-Ergebnis? #

Ein schlechter Score ist zunächst ein Ausgangspunkt für die Diagnose.

Gehe nicht sofort davon aus, dass eine komplette Website neu gebaut oder das Hosting gewechselt werden muss.

Untersuche zuerst die größten Auffälligkeiten.

Schlechter Score
      ↓
Welche Kennzahl ist auffällig?
      ↓
Welche Diagnose erklärt das Problem?
      ↓
Welche Ressource ist betroffen?
      ↓
Ursache überprüfen
      ↓
gezielte Maßnahme
      ↓
erneut messen

Die systematische Ursachenanalyse behandeln wir unter Site web lent : identifier les causes de manière systématique.

Typische Priorisierung von Problemen #

Es gibt keine universelle Reihenfolge für jede Website. Als Grundprinzip kannst du jedoch zuerst Probleme betrachten, die einen großen Einfluss auf wichtige Kennzahlen besitzen und sich ohne Funktionsverlust sinnvoll beheben lassen.

Par exemple :

großes LCP-Problem
        ↓
LCP-Element identifizieren

sehr große Bilder
        ↓
Bildoptimierung prüfen

hohe JavaScript-Belastung
        ↓
verursachende Scripts untersuchen

starke Layoutverschiebungen
        ↓
auslösende Elemente identifizieren

Änderungen an produktiven Websites vorsichtig durchführen #

Performance-Einstellungen können tief in die technische Auslieferung einer Website eingreifen.

Cela concerne par exemple :

JavaScript-Verzögerung
CSS-Optimierung
Minifizierung
Caching
Preloading
Lazy Loading
Entfernen von Ressourcen

Eine falsche Konfiguration kann Menüs, Formulare, Shops, Cookie-Banner oder andere Funktionen beeinträchtigen.

Attention : Erstelle vor größeren technischen Performance-Änderungen ein Backup und prüfe danach nicht nur den PageSpeed-Score, sondern die tatsächliche Website auf Desktop und Smartphone.

Nach jeder Optimierung die Website selbst benutzen #

Ein besserer Score ist wertlos, wenn anschließend eine wichtige Funktion nicht mehr funktioniert.

Teste nach Änderungen beispielsweise:

Navigation
Formulare
Buttons
Slider
Cookie-Banner
Suche
Login
Warenkorb
Checkout
mobile Darstellung

Welche Funktionen relevant sind, hängt selbstverständlich von deiner Website ab.

Wann ist eine PageSpeed-Meldung weniger wichtig? #

Manche Hinweise betreffen nur eine sehr kleine mögliche Einsparung.

Wenn die Umsetzung gleichzeitig komplex oder riskant wäre, kann eine andere Maßnahme eine deutlich höhere Priorität besitzen.

Performance-Optimierung ist deshalb auch eine Frage der Verhältnismäßigkeit:

möglicher Nutzen
      ↕
Umsetzungsaufwand
      ↕
technisches Risiko
      ↕
Bedeutung für reale Besucher

PageSpeed Insights regelmäßig verwenden #

Eine Website verändert sich im Laufe der Zeit.

Neue Bilder, Plugins, Tracking-Dienste, Fonts, Videos oder andere Funktionen können die Performance beeinflussen.

Eine erneute Analyse ist deshalb besonders nach größeren Änderungen sinnvoll.

Du musst PageSpeed Insights aber nicht täglich aufrufen, wenn an der Website nichts verändert wurde und keine Probleme erkennbar sind.

PageSpeed Insights ersetzt kein Monitoring #

PageSpeed Insights ist kein System zur permanenten Überwachung der Erreichbarkeit einer Website.

Ein erfolgreicher Test zeigt dir nicht, dass die Website während der kommenden Tage rund um die Uhr verfügbar bleibt.

Für eine kontinuierliche Überwachung werden Monitoring-Systeme eingesetzt.

Das behandeln wir unter Surveillance de sites web : surveiller l'accessibilité et les pannes.

PageSpeed Insights ersetzt keine vollständige Fehleranalyse #

PSI kann dir sehr wertvolle Hinweise geben, kennt aber nicht automatisch die gesamte technische Ursache eines Problems.

Wenn beispielsweise ein PHP-Prozess, eine Datenbankabfrage oder eine externe Schnittstelle zeitweise langsam ist, kann für die genaue Diagnose eine weitergehende Untersuchung notwendig sein.

PageSpeed Insights ist deshalb ein wichtiger Teil der Performance-Diagnose – aber nicht das einzige mögliche Werkzeug.

Praktischer PageSpeed-Workflow #

richtige URL auswählen
        ↓
mobile Analyse durchführen
        ↓
Desktop-Analyse durchführen
        ↓
Felddaten prüfen
        ↓
Core Web Vitals beurteilen
        ↓
Labordaten prüfen
        ↓
auffällige Kennzahl bestimmen
        ↓
Diagnosen ansehen
        ↓
betroffene Ressource identifizieren
        ↓
Maßnahme nach Nutzen priorisieren
        ↓
eine Änderung durchführen
        ↓
Website funktional testen
        ↓
erneut PageSpeed messen
        ↓
Ergebnis dokumentieren

Häufige Fehler bei PageSpeed Insights #

nur auf den Performance-Score schauen

unbedingt 100 Punkte erreichen wollen

nur Desktop testen

nur die Startseite testen

Felddaten und Labordaten verwechseln

fehlende Felddaten als Fehler interpretieren

jede Empfehlung ungeprüft umsetzen

CSS oder JavaScript blind entfernen

mehrere Änderungen gleichzeitig durchführen

kleine Score-Schwankungen überbewerten

nach einer Änderung sofort neue CrUX-Werte erwarten

PageSpeed mit einem Google-Ranking-Score verwechseln

nach der Optimierung die Website-Funktionen nicht testen

Checkliste: PageSpeed-Ergebnis richtig beurteilen #

Ist die richtige URL getestet?
        ↓
Mobil und Desktop geprüft?
        ↓
Felddaten vorhanden?
        ↓
URL- oder Origin-Daten?
        ↓
Core Web Vitals bestanden?
        ↓
Welcher Messwert ist auffällig?
        ↓
Was zeigen die Labordaten?
        ↓
Welche Diagnose ist dafür relevant?
        ↓
Welche konkrete Ressource verursacht das Problem?
        ↓
Ist die vorgeschlagene Maßnahme sinnvoll?
        ↓
Kann sie Funktionen beeinträchtigen?
        ↓
Änderung einzeln durchführen
        ↓
Website praktisch testen
        ↓
erneut messen

Résumé #

Google PageSpeed Insights ist ein leistungsfähiges Werkzeug zur Analyse der Website-Performance. Der größte Nutzen entsteht jedoch nicht durch den Performance-Score allein, sondern durch die Kombination aus realen Felddaten, Lighthouse-Labordaten und den dazugehörigen technischen Diagnosen.

Felddaten zeigen die Erfahrungen realer Nutzer über einen längeren Zeitraum. Labordaten ermöglichen dagegen einen kontrollierten aktuellen Test und eignen sich besonders zur technischen Fehlersuche.

Die Core Web Vitals LCP, INP und CLS solltest du getrennt betrachten und anschließend untersuchen, welche konkreten Ressourcen oder technischen Ursachen einen auffälligen Wert beeinflussen.

Nicht jede PageSpeed-Empfehlung besitzt dieselbe Priorität. Beurteile deshalb immer den möglichen Nutzen, den Aufwand und das Risiko einer Änderung.

Nach einer Optimierung solltest du nicht nur erneut messen, sondern auch kontrollieren, ob die Website auf Desktop und Smartphone weiterhin korrekt funktioniert.

PageSpeed Insights sagt dir nicht einfach, ob eine Website „gut“ oder „schlecht“ ist. Richtig eingesetzt zeigt es dir, wo du genauer hinschauen solltest – und genau darin liegt der eigentliche Wert des Werkzeugs.