Qu'est-ce que Google PageSpeed Insights ?
Google PageSpeed Insights (PSI) est un outil gratuit sur pagespeed.web.dev qui analyse les performances de n'importe quelle page Web. Entrez une URL et elle renvoie un score de performances (0 à 100) ainsi que des mesures détaillées, des diagnostics et des recommandations.
Pour les marchands Shopify, PSI est particulièrement important car c'est le même moteur derrière votre Score de vitesse d'administration de Shopify. Comprendre le PSI signifie comprendre ce qui se passe réellement avec les performances de votre magasin et ce qu'il faut corriger en premier.
PSI fournit deux types de données : Données du champ de vrais utilisateurs de Chrome visitant votre site, et données de laboratoire à partir d'un test Lighthouse simulé. Les deux sont utiles, mais ils mesurent des choses différentes – et comprendre la différence est crucial pour prendre des décisions d’optimisation intelligentes.
Comment fonctionne le PSI : données de laboratoire et données de terrain
C'est le concept le plus important à comprendre à propos de Google PageSpeed Insights. PSI montre deux ensembles de données complètement différents :
🔬 Données de laboratoire (Phare)
- • Test simulé sur un appareil contrôlé
- • Émule un Moto G Power sur une 4G étranglée
- • Processeur limité à 4 fois plus lentement que la normale
- • Test unique — les résultats varient à chaque fois
- • Produit le score de performance de 0 à 100
- • Affiche : FCP, LCP, TBT, CLS, indice de vitesse
Idéal pour : Débogage de problèmes spécifiques, test des modifications, comparaison avant/après
👥 Données de terrain (CrUX)
- • Données réelles des utilisateurs de Chrome visitant votre site
- • Mélange de tous les appareils, connexions et emplacements
- • Moyenne mobile sur 28 jours — très stable
- • Uniquement disponible pour les sites avec suffisamment de trafic
- • Pas de score unique : affiche la réussite/l'échec par métrique
- • Spectacles : LCP, INP, CLS (les Core Web Vitals)
Idéal pour : Comprendre l'expérience utilisateur réelle, évaluation de l'impact SEO
💡 Aperçu clé : Google utilise pour les classements de recherche – pas le score du laboratoire. Un magasin avec un score de laboratoire de 40 mais qui réussit Core Web Vitals ne sera pas pénalisé dans la recherche. Cependant, les données de laboratoire restent utiles pour diagnostiquer des problèmes spécifiques et mesurer l’impact des optimisations.
Chaque métrique PSI expliquée pour Shopify
Le test de laboratoire du PSI mesure six paramètres. Voici ce que chacun signifie spécifiquement pour les magasins Shopify et ce qui entraîne généralement de mauvais scores :
Première peinture de contenu (FCP)
Lorsque le navigateur affiche le premier élément de contenu
Contexte Shopify : FCP est retardé par CSS et JavaScript bloquant le rendu dans le <head>. Chaque application Shopify qui injecte une feuille de style ou un script synchrone pousse FCP plus tard. La plupart des magasins Shopify disposent de 3 à 8 ressources bloquant le rendu.
Correction : CSS critique en ligne, différer le JavaScript non critique. Thunder fait les deux automatiquement.
Plus grande peinture à contenu (LCP) Score
Lorsque le plus grand élément visible termine le rendu
Contexte Shopify : LCP sur Shopify est généralement l'image du héros ou un grand titre. Il est affecté par : les ressources bloquant le rendu qui retardent le démarrage, le chargement lent des images (fichiers volumineux, pas de préchargement) et le temps de réponse du serveur de Shopify (TTFB). Pour une analyse approfondie, consultez notre Guide d'optimisation du LCP.
Correction : Préchargez l'image du héros, CSS critique en ligne, reportez le JS bloquant le rendu. Thunder gère les trois.
Temps de blocage total (TBT)
Combien de temps le thread principal est bloqué par JavaScript
Contexte Shopify : TBT est le facteur le plus important dans votre score PageSpeed (poids de 30%). Sur Shopify, cela est presque entièrement dû à des scripts d'applications tierces : Klaviyo, Judge.me, les widgets de chat, les applications de vente incitative et les outils d'analyse exécutent tous du JavaScript qui bloque le fil principal. La limitation simulée du processeur 4 × aggrave la situation.
Correction : Différez tous les JavaScript non critiques afin qu'ils ne bloquent pas le thread principal. Il s'agit de la principale optimisation de Thunder : elle diffère les scripts d'application tout en conservant leurs fonctionnalités.
Changement de mise en page cumulatif (CLS)
Combien d'éléments visibles bougent pendant le chargement de la page
Contexte Shopify : CLS sur Shopify est généralement causé par : des images sans attributs de largeur/hauteur, des polices Web chargées tardivement et une taille de texte modifiée, du contenu d'application injecté dynamiquement (popups, bannières, widgets de révision) et des transitions diaporama/carrousel.
Correction : Définissez les dimensions de l'image, utilisez font-display : swap, réservez de l'espace pour le contenu dynamique. L'optimisation des polices de Thunder facilite le CLS lié aux polices.
Indice de vitesse (SI)
Vitesse à laquelle le contenu visible remplit la fenêtre d'affichage
Contexte Shopify : L'indice de vitesse mesure l'expérience globale de chargement visuel. Tout est affecté : les ressources bloquant le rendu, l'ordre de chargement des images, la livraison CSS et l'exécution de JavaScript. Considérez-le comme une métrique « composite ».
Correction : L'amélioration du FCP et du LCP améliore automatiquement l'indice de vitesse. Aucune action distincte n’est nécessaire.
Comment lire votre rapport Shopify PSI
Lorsque vous gérez votre boutique Shopify via PageSpeed Insights, vous verrez plusieurs sections. Voici comment lire chacun d’entre eux – ou si vous voulez d’abord une base de référence rapide, testez les performances de votre boutique avec notre test de vitesse Shopify gratuit :
Étape 1 : Vérifiez d'abord les données du champ
En haut du rapport PSI, recherchez « Découvrez ce que vivent vos vrais utilisateurs ». Si votre boutique a suffisamment de trafic, vous verrez de véritables Core Web Vitals (LCP, INP, CLS). Les coches vertes signifient que vous dépassez le seuil de classement de Google : c'est ce qui compte le plus pour le référencement. Si vous ne disposez pas de données de terrain, votre boutique n'a pas encore suffisamment de trafic Chrome.
Étape 2 : Regardez le score de performance
Le grand chiffre (0–100) est le score du laboratoire. N'oubliez pas : il s'agit d'un test simulé sur un appareil mobile limité, et non de l'expérience de vos utilisateurs réels. C'est utile pour l'analyse comparative et le débogage, mais ne vous en faites pas une obsession. Pour le contexte, la plupart des magasins Shopify obtiennent un score de 20 à 50 sur mobile.
Étape 3 : Vérifiez quelles métriques sont rouges
Les six métriques sont codées par couleur. Concentrez-vous d’abord sur les rouges – ils ont le plus de marge d’amélioration. Pour la plupart des magasins Shopify, TBT et LCP sont les pires contrevenants. Le TBT représente 30 % de votre score, donc le corriger permet de gagner le plus de points.
Étape 4 : Examiner les opportunités et les diagnostics
Faites défiler jusqu'à « Opportunités » (éléments qui permettent de gagner du temps de chargement) et « Diagnostics » (problèmes structurels). PSI estime le gain de temps pour chaque opportunité. Concentrez-vous sur les éléments permettant les économies les plus élevées, généralement « Éliminer les ressources bloquant le rendu » et « Réduire le JavaScript inutilisé ».
Étape 5 : Ne recherchez pas tous les problèmes
PSI signale souvent 15 à 20 problèmes. Beaucoup ont un impact minime (économiser 50 ms n’a pas d’importance lorsque le TBT est de 3 000 ms). Concentrez-vous sur les 3 à 5 principales opportunités avec les économies estimées les plus élevées. C’est de là que viendra 80 % de votre amélioration.
La solution facile : améliorez votre score PSI de plus de 27 points
Après avoir analysé des centaines de Shopify rapports PSI, nous avons constaté que 60–80% de l'amélioration disponible provient de seulement trois optimisations : le report du blocage du rendu JavaScript, l'intégration en ligne des éléments critiques CSS, et l'optimisation du chargement des polices. C'est exactement ce que Thunder Page Speed Optimizer automatise.
Comment Thunder résout les problèmes PSI les plus courants :
"Éliminer les ressources bloquant le rendu"
Thunder diffère tous les JS et CSS bloquant le rendu, y compris les scripts d'applications tierces que vous ne pouvez pas contrôler manuellement. Économies typiques : 1 à 3 secondes.
"Réduire le JavaScript inutilisé"
Thunder reporte le JavaScript non critique afin qu'il ne bloque pas le fil d'exécution principal, le retirant ainsi efficacement du chemin de rendu critique.
"Réduire les CSS inutilisés"
Thunder intègre uniquement le CSS critique nécessaire pour le contenu au-dessus de la ligne de flottaison et charge le reste de manière asynchrone.
"Ensure text remains visible during webfont load"
Thunder ajoute font-display: swap et précharge automatiquement les polices critiques.
"Réduire l'impact du code tiers"
Thunder contrôle quand et comment les scripts tiers s'exécutent, réduisant ainsi leur impact sur le TBT.
Amélioration moyenne : +27 points PageSpeed
Installation en un clic. Aucun changement de code. Aucune modification du thème. Fonctionne avec tous les thèmes et applications Shopify.
Plan gratuit disponible · Aucune carte de crédit requise · Installation en 30 secondes · Voir les fonctionnalités · Voir tarifs
Problèmes Shopify courants dans PageSpeed Insights
Voici les problèmes PSI que les boutiques Shopify rencontrent le plus fréquemment, classés par impact typique :
"Éliminer les ressources bloquant le rendu"
Fort impact Qu'est-ce que cela signifie : Fichiers JavaScript et CSS dans votre <head> empêchent le navigateur de rendre quoi que ce soit tant qu'ils ne sont pas téléchargés. Sur Shopify, ceux-ci proviennent principalement d'applications — pas de votre thème.
Économies typiques : 1 000 à 4 000 ms
Correction manuelle : Ajouter différer aux balises de script, mais cela risque de casser la fonctionnalité de l'application. Voir notre guide des ressources bloquant le rendu. Correction de Thunder : Automatique — diffère tous les scripts avec mappage de dépendances.
"Réduire le JavaScript inutilisé"
Fort impactQu'est-ce que cela signifie : Les fichiers JavaScript sont chargés mais tout le code n'est pas utilisé sur la page actuelle. Les applications chargent souvent leur ensemble de scripts complet, même lorsque seule une fraction est nécessaire.
Économies typiques : 500 à 3 000 ms
Correction manuelle : Vous ne pouvez pas modifier le code d'une application tierce. Supprimez entièrement les applications inutilisées. Pour une présentation complète de toutes les techniques d'optimisation, consultez notre guide complet d'optimisation de la vitesse. Correction de Thunder : Diffère les scripts inutilisés afin qu'ils se chargent une fois la page interactive.
"Dimensionner correctement les images"
Impact moyenQu'est-ce que cela signifie : Les images sont diffusées à une résolution plus grande que celle affichée. Une image de produit de 4 000 × 4 000 px affichée à 400 × 400 px gaspille 99 % des données.
Économies typiques : 200 à 2 000 ms
Correction manuelle : Utilisez Shopify image_url
Filtre avec paramètres de largeur. Voir notre guide d'optimisation des images. Correction de Thunder : Partiel — Thunder charge paresseusement les images hors écran mais ne les redimensionne pas.
"Réduire l'impact du code tiers"
Impact moyenQu'est-ce que cela signifie : Les scripts tiers (analyses, chat, avis, etc.) contribuent de manière significative au TBT. PSI répertorie chaque domaine et le temps de thread principal qu'il consomme.
Correction manuelle : Supprimez des applications ou retardez leur chargement avec du JavaScript personnalisé. Complexe et risqué. Lisez notre Guide des scripts tiers. Correction de Thunder : Automatique — gère tous les délais d'exécution des scripts tiers.
"Éviter une taille de DOM excessive"
Impact faible à moyenQu'est-ce que cela signifie : Votre page contient trop d'éléments HTML (plus de 1 500). Les constructeurs de pages comme GemPages et PageFly génèrent souvent plus de 3 000 à 6 000 éléments.
Correction manuelle : Simplifiez la structure des pages, réduisez les sections, envisagez les sections de thème natif plutôt que les constructeurs de pages. Correction de Thunder : Sans objet — il s'agit d'un problème structurel.
Pourquoi les scores PageSpeed mobiles sont toujours inférieurs
La plupart des marchands Shopify constatent un écart de 20 à 40 points entre leurs scores PSI sur mobile et sur ordinateur. Ce n'est pas un bug, c'est intentionnel. Le test mobile est volontairement plus sévère :
📱 Conditions de test mobile
- • Moto G Power émulé (téléphone de milieu de gamme)
- • Processeur limité à 4 fois plus lentement
- • Connexion 4G lente simulée
- • Fenêtre d'affichage : 412 × 823 px
- • Seuils de notation beaucoup plus stricts
💻 Conditions de test sur ordinateur
- • Aucune émulation de périphérique spécifique
- • Pas de limitation du processeur
- • Aucune limitation du réseau
- • Fenêtre d'affichage : 1 350 × 940 px
- • Seuils de notation plus cléments
Lequel compte le plus ? Focus sur le mobile. Google utilise l'indexation axée sur les mobiles, et le test mobile reflète plus fidèlement les conditions rencontrées par bon nombre de vos clients. Si votre score sur mobile est bon, votre score sur ordinateur le sera certainement également.
Score PSI par rapport au score de vitesse d'administration Shopify
Les deux utilisent Google Lighthouse, mais ils diffèrent sur des points importants :
| Facteur | PageSpeed Insights | Score d'administration Shopify |
|---|---|---|
| Pages testées | N'importe quelle URL de votre choix | Page d'accueil uniquement |
| Nombre de courses | Essai unique | Moyenne sur plusieurs exécutions |
| Inclut les données de terrain | Oui (si disponible) | Non |
| Fréquence de mise à jour | À la demande | Périodique (varie) |
| Comparaison | Score absolu | Par rapport aux magasins similaires |
Des différences de 5 à 15 points entre les deux sont normales. Ni l’un ni l’autre n’est « faux » : ce sont simplement des contextes de mesure différents. Pour les travaux d'optimisation, utilisez directement PSI car il vous donne des diagnostics détaillés et vous permet de tester n'importe quelle page.
Ce que Google utilise réellement pour les classements de recherche
Voici la vérité que la plupart des articles sur l'optimisation de la vitesse ignorent : Google n'utilise PAS votre score de laboratoire PageSpeed Insights pour les classements.
Google utilise de la Chrome User Experience Report (CrUX) — des métriques réelles provenant d'utilisateurs Chrome réels visitant votre site. Plus précisément, Google examine trois Core Web Vitals:
LCP
La plus grande peinture de contenu
≤ 2,5s pour réussir
INP
Interaction avec la prochaine peinture
≤ 200ms pour passer
CLS
Changement de disposition cumulatif
≤ 0,1 pour réussir
Pour réussir les Core Web Vitals, au moins 75 % de vos utilisateurs réels doivent avoir de « bonnes » expériences pour les trois métriques. Vous pouvez vérifier vos données de terrain en haut de n'importe quel rapport PSI, ou dans Google Search Console sous Core Web Vitals.
💡 À emporter pratique : Si votre rapport PSI affiche des données de terrain transmises (coches vertes en haut), votre vitesse est correcte pour le référencement, même si le score du laboratoire semble effrayant. Si vous ne disposez pas encore de données de terrain, il est toujours utile d'améliorer votre score en laboratoire, car cela correspond à de meilleures expériences utilisateur réelles.
Foire aux questions
Qu'est-ce que Google PageSpeed Insights ?
Google PageSpeed Insights (PSI) est un outil gratuit de Google qui analyse les performances des pages et fournit à la fois des données de laboratoire (tests simulés via Lighthouse) et des données de terrain (métriques d'utilisateurs réels du rapport d'expérience utilisateur Chrome). Il note les pages 0–100 et mesure les Core Web Vitals comme LCP, CLS et TBT. Pour les boutiques Shopify, c'est le même moteur derrière le score de vitesse dans votre administration Shopify.
Qu'est-ce qu'un bon score PageSpeed Insights pour Shopify ?
Un score de 90 à 100 est « bon » (vert), 50 à 89 est « à améliorer » (orange) et 0 à 49 est « mauvais » (rouge). La plupart des magasins Shopify obtiennent un score de 20 à 50 sur mobile en raison d'applications et de scripts tiers. Un objectif réaliste pour la plupart des commerçants est de 60 à 80. Les utilisateurs de Thunder atteignent généralement 70 à 90+ sans modification manuelle du code.
Pourquoi mon score PageSpeed Shopify diffère-t-il du score de vitesse de l'administration Shopify ?
Les deux utilisent Google Lighthouse, mais avec des conditions de test différentes. Shopify exécute le test sur votre page d'accueil en utilisant des paramètres de serveur spécifiques et effectue une moyenne de plusieurs exécutions. PageSpeed Insights vous permet de tester n'importe quelle page et affiche une seule exécution. Des différences de 5 à 15 points sont normales. Ni l’un ni l’autre n’est « faux » : ce sont simplement des contextes de mesure différents.
Le score de Google PageSpeed Insights affecte-t-il le référencement ?
Le score lui-même n'est pas un facteur de classement direct, mais les Core Web Vitals qu'il mesure (LCP, CLS, INP) sont des signaux de classement Google confirmés. Google utilise les données de terrain des utilisateurs réels — et non le score de laboratoire — pour les classements. Cependant, l'amélioration de votre score de laboratoire améliore généralement aussi les données de terrain, donc l'optimisation pour PSI aide indirectement votre SEO.
Pourquoi mon score PageSpeed sur mobile Shopify est-il tellement inférieur à celui sur ordinateur ?
Le test mobile de PSI simule un téléphone milieu de gamme (Moto G Power) sur une connexion 4G étranglée avec un ralentissement du processeur 4×. C’est considérablement plus dur que le test de bureau, qui utilise une connexion non limitée et un processeur plus rapide. Les magasins Shopify utilisant beaucoup de JavaScript sont les plus durement touchés, car le processeur limité prend beaucoup plus de temps pour analyser et exécuter les scripts. La plupart des magasins obtiennent des scores inférieurs de 20 à 40 points sur mobile par rapport aux ordinateurs de bureau.
À quelle fréquence dois-je exécuter PageSpeed Insights sur ma boutique Shopify ?
Exécutez PSI après tout changement majeur (nouvelle installation d'application, mise à jour du thème, changement de contenu). Pour une surveillance de routine, une fréquence hebdomadaire est suffisante, mais toujours en moyenne 3 à 5 analyses, car les résultats individuels varient. Thunder inclut une surveillance automatisée quotidienne qui suit votre score au fil du temps, ce qui est plus fiable que les vérifications ponctuelles manuelles.
Thunder peut-il résoudre les problèmes détectés par PageSpeed Insights ?
Oui, Thunder résout automatiquement les problèmes PSI les plus courants et les plus impactants pour Shopify : ressources bloquant le rendu, JavaScript inutilisé, livraison CSS non optimisée, problèmes de chargement de polices et impact sur les scripts tiers. Ceux-ci représentent généralement 60 à 80 % de l’amélioration disponible. Des problèmes tels que l'optimisation des images et la taille du DOM nécessitent un travail manuel ou des outils supplémentaires.