\ud83d\udce6 En bref<\/strong><\/p>\n\n \u2705 Google PageSpeed Insights (PSI)<\/a> est un outil gratuit pour tester les performances web<\/a> et mesurer les Core Web Vitals. Il vous aide \u00e0 comprendre la vitesse de chargement de votre site, l’exp\u00e9rience utilisateur, l’accessibilit\u00e9, les bonnes pratiques, le SEO de base et la compatibilit\u00e9 avec les agents IA.<\/p>\n\n \u2705 PSI fournit \u00e0 la fois des donn\u00e9es web simul\u00e9es et, lorsqu’elles sont disponibles, des donn\u00e9es r\u00e9elles issues du rapport Chrome User Experience (CrUX). Il liste des probl\u00e8mes de performance pr\u00e9cis, y compris les fichiers et les \u00e9l\u00e9ments de page qui en sont la cause, ainsi que des solutions possibles.<\/p>\n\n \u2705 Les m\u00e9triques Core Web Vitals<\/a> sont un \u00e9l\u00e9ment central du rapport de performances. Visez avant tout une \u00e9valuation r\u00e9ussie sur ce point plut\u00f4t que de courir apr\u00e8s un score parfait de 100\/100. Par ailleurs, donnez la priorit\u00e9 aux performances sur mobile et aux am\u00e9liorations globales avant les modifications propres \u00e0 une page.<\/p>\n\n \u2705 WP Rocket<\/a> et Imagify<\/a> sont deux plugins WordPress qui aident \u00e0 am\u00e9liorer vos r\u00e9sultats PageSpeed Insights et vos Core Web Vitals sans \u00e9crire une ligne de code. WP Rocket applique automatiquement 80\u00a0% des bonnes pratiques de performance d\u00e8s son activation et propose des am\u00e9liorations suppl\u00e9mentaires en un clic. Imagify aide \u00e0 r\u00e9soudre les avertissements li\u00e9s aux images en compressant automatiquement les fichiers image et en les convertissant dans des formats nouvelle g\u00e9n\u00e9ration comme WebP ou AVIF.<\/p>\n\n \u2705 Suivez les performances dans le temps et faites des tests avec des utilisateurs r\u00e9els pour vous assurer que les am\u00e9liorations se traduisent par une meilleure exp\u00e9rience r\u00e9elle, et pas seulement par des scores de laboratoire plus \u00e9lev\u00e9s.<\/p>\n<\/blockquote>\n\n\n\n PageSpeed Insights (PSI)<\/a> est un outil gratuit cr\u00e9\u00e9 par Google pour analyser et am\u00e9liorer les performances et l’exp\u00e9rience utilisateur des pages web. Il repose sur Lighthouse, un autre outil open source d\u00e9velopp\u00e9 par Google.<\/p>\n\n\n\n Suivre ses conseils ne fait pas qu’aider votre site web \u00e0 se charger plus vite\u00a0: c’est aussi bon pour votre SEO<\/a>. Google utilise les m\u00eames informations que celles affich\u00e9es dans PSI pour d\u00e9terminer le classement dans les r\u00e9sultats de recherche. Les Core Web Vitals, en particulier, ont un impact direct sur la visibilit\u00e9 de vos pages dans les r\u00e9sultats de recherche<\/a>.<\/p>\n\n\n\n Utiliser Google PSI est tr\u00e8s simple. Rendez-vous sur la page d’accueil de l’outil<\/a>, saisissez l’URL de la page que vous voulez tester dans la barre du haut, puis appuyez sur la touche Entr\u00e9e ou cliquez sur \u00ab\u202fAnalyser\u202f\u00bb<\/strong>.<\/p>\n\n\n\n Vous recevez g\u00e9n\u00e9ralement un rapport complet en moins d’une minute.<\/p>\n\n\n\n Le rapport PageSpeed Insights<\/a> se compose de plusieurs parties. Voici ce que contient chacune d’elles.<\/p>\n\n\n\n Tout en haut, vous pouvez basculer entre le rapport de la version mobile de votre site et celui de sa version ordinateur.<\/p>\n\n\n\n PageSpeed Insights les teste s\u00e9par\u00e9ment. Les appareils mobiles ont tendance \u00e0 disposer de moins de puissance de calcul et de connexions Internet plus lentes que les ordinateurs, si bien que les pages web se chargent plus lentement sur mobile.<\/p>\n\n\n\n L’outil affiche par d\u00e9faut les r\u00e9sultats pour mobile, car la majorit\u00e9 du trafic Internet provient des t\u00e9l\u00e9phones et des tablettes<\/a>.<\/p>\n\n\n\n De plus, Google utilise une indexation mobile-first\u00a0: le classement dans les r\u00e9sultats de recherche est d\u00e9termin\u00e9 par la version mobile de votre site.<\/p>\n\n\n\n Enfin, la plupart des am\u00e9liorations que vous apportez aux performances sur mobile se r\u00e9percutent sur la version ordinateur\u00a0: si vous am\u00e9liorez vos performances sur mobile<\/a>, les visiteurs sur ordinateur en profitent aussi.<\/p>\n\n\n\n Les Core Web Vitals sont des m\u00e9triques introduites par Google en 2020<\/a> qui sont devenues un facteur de classement en 2021<\/a>. Ils mesurent l’exp\u00e9rience utilisateur sur les pages web. Ils sont actuellement au nombre de trois\u00a0:<\/p>\n\n\n\n Vous ne trouverez la section \u00ab\u202f\u00c9valuation Core Web Vitals\u202f\u00bb en haut de PageSpeed Insights que si votre page web re\u00e7oit suffisamment de trafic de la part d’utilisateurs de Chrome. Les donn\u00e9es pr\u00e9sent\u00e9es ici reposent sur l’exp\u00e9rience r\u00e9elle des Core Web Vitals qu’ont eue les visiteurs de votre page web au cours des 28 derniers jours.<\/p>\n\n\n\n L’\u00e9valuation indique clairement si vous la r\u00e9ussissez ou non, avec le d\u00e9tail de chaque m\u00e9trique. Elle affiche aussi le First Contentful Paint (FCP)<\/a> et le Time to First Byte (TTFB)<\/a>. Ces deux m\u00e9triques mesurent respectivement le temps n\u00e9cessaire pour que le premier \u00e9l\u00e9ment de contenu de la page apparaisse et celui que met le serveur \u00e0 r\u00e9pondre.<\/p>\n\n\n\n Pr\u00eatez attention au petit s\u00e9lecteur \u00ab\u202fCette URL\/Origine\u202f\u00bb<\/strong> en haut \u00e0 droite.<\/p>\n\n\n\n Il vous permet de passer de l’\u00e9valuation Core Web Vitals de la page test\u00e9e aux moyennes de l’ensemble de votre site, et inversement. Cela vous aide \u00e0 comprendre, par exemple, si une page est nettement moins performante que le reste du site.<\/p>\n\n\n\n La section \u00ab\u202fPerformances\u202f\u00bb<\/strong> contient des informations similaires \u00e0 celles vues plus haut.<\/p>\n\n\n\n Elle vous donne le d\u00e9tail des m\u00e9triques de performance importantes, dont le LCP, le FCP et le CLS \u00e9voqu\u00e9s plus haut, ainsi que deux statistiques suppl\u00e9mentaires\u00a0:<\/p>\n\n\n\n Toutes ces m\u00e9triques alimentent le score de performance global affich\u00e9 en haut. Si vous voulez conna\u00eetre la part de chaque m\u00e9trique, consultez le Lighthouse Scoring Calculator<\/a>.<\/p>\n\n\n\n Un bon score se situe entre 90 et 100, un score de 50 \u00e0 89 est \u00e0 am\u00e9liorer, et tout ce qui est inf\u00e9rieur \u00e0 50 est consid\u00e9r\u00e9 comme mauvais.<\/p>\n\n\n\n Contrairement \u00e0 l’\u00e9valuation pr\u00e9c\u00e9dente, il s’agit ici de donn\u00e9es de laboratoire simul\u00e9es. Vous pouvez voir les caract\u00e9ristiques de l’appareil \u00e9mul\u00e9 utilis\u00e9 dans l’encadr\u00e9 gris, en bas. Il y a aussi une s\u00e9rie de captures d’\u00e9cran (filmstrip) qui montre comment les \u00e9l\u00e9ments apparaissent \u00e0 l’\u00e9cran pendant le chargement.<\/p>\n\n\n\n Dans les sections \u00ab\u202fInsights\u202f\u00bb<\/strong> et \u00ab\u202fDiagnostic\u202f\u00bb<\/strong>, Google PageSpeed Insights liste les facteurs concrets qui freinent les performances de votre page.<\/p>\n\n\n\n Cliquez dessus pour voir les \u00e9l\u00e9ments de page ou les fichiers pr\u00e9cis qui posent probl\u00e8me, ainsi que des solutions possibles et des liens vers des ressources.<\/p>\n\n\n\n Il peut s’agir, par exemple, de conseils pour optimiser la taille du DOM<\/a>, ajuster la fen\u00eatre d’affichage pour les mobiles, et bien d’autres encore.<\/p>\n\n\n\n Les insights sont des facteurs qui ont une incidence directe sur votre score de performance. Ce n’est pas le cas des diagnostics, mais ils peuvent tout de m\u00eame vous aider \u00e0 mieux comprendre pourquoi votre page est lente. Vous pouvez filtrer les uns et les autres selon les m\u00e9triques principales sur lesquelles ils agissent.<\/p>\n\n\n\n Enfin, tout en bas, vous trouverez la liste des audits que votre page web a r\u00e9ussis. Cliquez dessus pour la d\u00e9velopper.<\/p>\n\n\n\n Les insights ou probl\u00e8mes que vous parvenez \u00e0 corriger sont d\u00e9plac\u00e9s dans cette liste lors de votre test suivant.<\/p>\n\n\n\n PageSpeed Insights ne mesure pas seulement des indicateurs de performance de la page, mais aussi de l’exp\u00e9rience utilisateur dans son ensemble. L’un d’eux est l’accessibilit\u00e9<\/a>, c’est-\u00e0-dire la facilit\u00e9 avec laquelle votre page web peut \u00eatre utilis\u00e9e par des personnes ayant diff\u00e9rents types de handicap.<\/p>\n\n\n\n Le rapport fonctionne comme la section \u00ab\u202fPerformances\u202f\u00bb<\/strong>\u00a0: vous obtenez un score global en haut, avec des constats d\u00e9taill\u00e9s et des recommandations en dessous.<\/p>\n\n\n\n Les conseils de cette section portent notamment sur\u00a0:<\/p>\n\n\n\n Le rapport liste les am\u00e9liorations recommand\u00e9es, les \u00e9l\u00e9ments \u00e0 v\u00e9rifier manuellement et les audits r\u00e9ussis.<\/p>\n\n\n\n \ud83d\udca1 D\u00e9couvrez comment r\u00e9aliser un audit d’accessibilit\u00e9<\/a>.<\/p>\n<\/blockquote>\n\n\n\n Cette partie du rapport PSI porte sur la s\u00e9curit\u00e9 et la mise en \u0153uvre technique de votre page. Elle aussi vous donne un score global, avec des informations d\u00e9taill\u00e9es en dessous.<\/p>\n\n\n\n Que v\u00e9rifie-t-elle\u00a0? Entre autres\u00a0:<\/p>\n\n\n\n Enfin, le rapport SEO<\/a> analyse si votre page web respecte les pratiques de base du r\u00e9f\u00e9rencement naturel<\/a>, comme\u00a0:<\/p>\n\n\n\n Le dernier ajout \u00e0 PageSpeed Insights est la section \u00ab\u202fNavigation agentique\u202f\u00bb<\/strong>. Elle v\u00e9rifie dans quelle mesure le site web est configur\u00e9 pour interagir avec des agents IA.<\/p>\n\n\n\n Comme les normes du web agentique sont encore en cours d’\u00e9laboration, cette fonctionnalit\u00e9 est pour l’instant exp\u00e9rimentale. C’est aussi pour cela qu’elle ne donne pas de score de 0 \u00e0 100, mais liste un r\u00e9sultat de type r\u00e9ussite ou \u00e9chec pour chacune des fonctionnalit\u00e9s qu’elle examine.<\/p>\n\n\n\n Pour le moment, il s’agit de\u00a0:<\/p>\n\n\n\n Nous avons mentionn\u00e9 que PSI utilise \u00e0 la fois des donn\u00e9es de terrain et des donn\u00e9es de laboratoire. Voici ce qui se cache derri\u00e8re ces termes\u00a0:<\/p>\n\n\n\n Ces deux types de donn\u00e9es peuvent diff\u00e9rer sensiblement, car les utilisateurs r\u00e9els introduisent bien plus de variables. Ils se connectent depuis des lieux diff\u00e9rents, utilisent des appareils et des versions de navigateur diff\u00e9rents, etc.<\/p>\n\n\n\n Des deux, ce sont les donn\u00e9es de terrain qui comptent le plus. Au final, vous voulez que des personnes r\u00e9elles vivent une bonne exp\u00e9rience sur votre page web. D\u00e8s que vous le pouvez, utilisez donc les donn\u00e9es de terrain pour mesurer vos progr\u00e8s et les donn\u00e9es de laboratoire pour trouver les causes pr\u00e9cises des probl\u00e8mes.<\/p>\n\n\n\n Traitez les informations fournies par PageSpeed Insights dans cet ordre\u00a0:<\/p>\n\n\n\n Ne vous obstinez pas \u00e0 vouloir atteindre un score de 100\/100. Trouvez le bon \u00e9quilibre entre les m\u00e9triques de performance et l’exp\u00e9rience utilisateur r\u00e9elle. Si une fonctionnalit\u00e9 de la page qui apporte une vraie valeur aux utilisateurs est signal\u00e9e, voyez si vous pouvez am\u00e9liorer son fonctionnement plut\u00f4t que de la supprimer compl\u00e8tement.<\/p>\n\n\n\n Tenez \u00e9galement compte du type de site web que vous g\u00e9rez. Obtenir un score vert peut \u00eatre bien plus difficile pour une boutique WooCommerce<\/a> complexe que pour un simple site vitrine d’une seule page.<\/p>\n\n\n\n Nous allons voir ici comment utiliser PageSpeed Insights pour r\u00e9soudre les probl\u00e8mes de vitesse typiques des sites WordPress<\/a>. En r\u00e8gle g\u00e9n\u00e9rale, la d\u00e9marche se pr\u00e9sente ainsi\u00a0:<\/p>\n\n\n\n Pour vous montrer comment appliquer cette d\u00e9marche \u00e0 des cas concrets, nous avons cr\u00e9\u00e9 un site de test qui servira d’exemple. Ce site, qui n’est absolument pas optimis\u00e9, affiche les r\u00e9sultats PSI suivants.<\/p>\n\n\n\n Les sections \u00ab\u202fInsights\u202f\u00bb<\/strong> et \u00ab\u202fDiagnostic\u202f\u00bb<\/strong> montrent aussi des probl\u00e8mes de performance fr\u00e9quents sur les sites WordPress.<\/p>\n\n\n\n Traitons-les \u00e9tape par \u00e9tape.<\/p>\n\n\n\n La latence de la demande de document<\/a> est l’intervalle entre le moment o\u00f9 un navigateur demande pour la premi\u00e8re fois le document HTML d’une page web et celui o\u00f9 le t\u00e9l\u00e9chargement de ce document se termine. Elle est importante, car le navigateur ne peut ni commencer le rendu de la page ni charger d’autres ressources avant.<\/p>\n\n\n\n Comment y rem\u00e9dier\u00a0:<\/p>\n\n\n\n Causes fr\u00e9quentes\u00a0:<\/p>\n\n\n\n Apr\u00e8s l’activation de WP Rocket, qui applique la mise en cache, la compression et la minification (entre autres am\u00e9liorations automatiques et par d\u00e9faut<\/a>), PageSpeed Insights affiche le rapport de performance am\u00e9lior\u00e9 ci-dessous.<\/p>\n\n\n\n L’insight \u00ab\u202fUtiliser des dur\u00e9es de mise en cache efficaces<\/a>\u202f\u00bb de Google analyse si une page web utilise la mise en cache du navigateur, l’un des diff\u00e9rents types de mise en cache<\/a>. La mise en cache du navigateur indique au navigateur de l’utilisateur combien de temps conserver un fichier du site web sur son disque dur local pour le r\u00e9utiliser plus tard.<\/p>\n\n\n\n Ainsi, les visiteurs n’ont pas \u00e0 ret\u00e9l\u00e9charger chaque fichier lorsqu’ils reviennent sur votre site, ce qui r\u00e9duit leur temps de chargement.<\/p>\n\n\n\n Comment y rem\u00e9dier\u00a0:<\/p>\n\n\n\n Causes fr\u00e9quentes\u00a0:<\/p>\n\n\n\n WP Rocket configure automatiquement la mise en cache du navigateur d\u00e8s que le plugin est activ\u00e9 (avec un cache mobile<\/a> distinct). Il propose aussi des fonctionnalit\u00e9s suppl\u00e9mentaires pour acc\u00e9l\u00e9rer le chargement des fichiers, y compris de ceux que la mise en cache ne couvre g\u00e9n\u00e9ralement pas.<\/p>\n\n\n\n Cela suffit \u00e0 lui seul \u00e0 faire passer les ressources non mises en cache du site de test de 420\u00a0KB \u00e0 seulement 50\u00a0KB.<\/p>\n\n\n\n Les requ\u00eates de blocage du rendu<\/a> sont des fichiers du site web (g\u00e9n\u00e9ralement JavaScript et CSS) qui retardent l’affichage du contenu visible. Elles ne sont pas n\u00e9cessaires \u00e0 l’affichage initial de la page et occupent le navigateur, ce qui l’emp\u00eache de traiter des fichiers plus importants.<\/p>\n\n\n\n Comment y rem\u00e9dier\u00a0:<\/p>\n\n\n\n Causes fr\u00e9quentes\u00a0:<\/p>\n\n\n\n En plus de la compression et de la minification par d\u00e9faut, WP Rocket vous permet de diff\u00e9rer et de reporter le JavaScript, ainsi que de supprimer les ressources CSS inutilis\u00e9es, en quelques clics.<\/p>\n\n\n\n Non seulement cela am\u00e9liore encore le score de performance global de notre site de test, mais cela fait aussi dispara\u00eetre compl\u00e8tement l’avertissement \u00ab\u202fRequ\u00eates de blocage du rendu\u202f\u00bb.<\/p>\n\n\n\n Les feuilles de style des th\u00e8mes contiennent g\u00e9n\u00e9ralement des r\u00e8gles CSS pour tous les \u00e9l\u00e9ments de site web possibles, qu’ils apparaissent ou non sur une page donn\u00e9e. Par cons\u00e9quent, beaucoup de pages web chargent du code CSS dont elles n’ont pas besoin, ce qui allonge les temps de chargement et de rendu.<\/p>\n\n\n\n Comment y rem\u00e9dier\u00a0:<\/p>\n\n\n\n Causes fr\u00e9quentes\u00a0:<\/p>\n\n\n\n Comme indiqu\u00e9 plus haut, WP Rocket propose la suppression des ressources CSS inutilis\u00e9es<\/a> sous la forme d’une option en un clic. Dans le cas de notre site de test, l’avertissement persistait \u00e0 cause d’une vid\u00e9o YouTube int\u00e9gr\u00e9e \u00e0 la page, qui avait ses propres styles CSS. Nous avons pu le r\u00e9soudre en activant le lazy-loading pour la vid\u00e9o, une autre option en un clic de WP Rocket.<\/p>\n\n\n\n Les images sont lourdes en donn\u00e9es, ce qui p\u00e8se fortement sur le temps de chargement, l’exp\u00e9rience utilisateur et le SEO. Lorsqu’elles apparaissent pr\u00e8s du haut d’une page web, en particulier, elles peuvent nuire au LCP. L’insight \u00ab\u202fAm\u00e9liorer l’affichage des images<\/a>\u202f\u00bb de Google met en \u00e9vidence les images trop volumineuses, mal compress\u00e9es ou dans des formats obsol\u00e8tes.<\/p>\n\n\n\n Comment y rem\u00e9dier\u00a0:<\/p>\n\n\n\n Causes fr\u00e9quentes\u00a0:<\/p>\n\n\n\n Pour r\u00e9soudre ce probl\u00e8me, WP Rocket optimise le chargement des images, par exemple gr\u00e2ce au lazy-loading et \u00e0 la priorisation des images LCP. Par ailleurs, Imagify<\/a> est un plugin que vous pouvez utiliser pour optimiser les images elles-m\u00eames<\/a>. Il vous permet de les convertir automatiquement au format WebP\/AVIF, de les compresser et de les redimensionner.<\/p>\n\n\n\n Ensemble, ces mesures ont suffi \u00e0 faire passer l’avertissement \u00ab\u202fAm\u00e9liorer l’affichage des images\u202f\u00bb de notre site de test de 240\u00a0KB \u00e0 seulement 30\u00a0KB. Des am\u00e9liorations suppl\u00e9mentaires n\u00e9cessiteraient une intervention manuelle.<\/p>\n\n\n\n Le code tiers (scripts d’analyse d’audience, publicit\u00e9s, polices, vid\u00e9os int\u00e9gr\u00e9es) peut ralentir les sites web en disputant la bande passante aux fichiers essentiels, en bloquant le thread principal du navigateur et en ajoutant des requ\u00eates HTTP. L’insight \u00ab\u202fTiers<\/a>\u202f\u00bb de Google a pour but de vous aider \u00e0 identifier les scripts externes qui p\u00e8sent le plus sur les performances de votre site, afin que vous puissiez rem\u00e9dier au probl\u00e8me.<\/p>\n\n\n\n Comment y rem\u00e9dier\u00a0:<\/p>\n\n\n\n Causes fr\u00e9quentes\u00a0:<\/p>\n\n\n\n WP Rocket propose de nombreuses fonctionnalit\u00e9s pour traiter l’insight \u00ab\u202fTiers\u202f\u00bb. Il vous permet de pr\u00e9charger les fichiers et les polices importants, de diff\u00e9rer et de reporter le JavaScript, d’appliquer le lazy-loading aux visuels et aux iframes, ainsi que d’auto-h\u00e9berger les Google Fonts<\/a>.<\/p>\n\n\n\n Leur application a nettement am\u00e9lior\u00e9 l’insight \u00ab\u202fTiers\u202f\u00bb du site de test par rapport aux premi\u00e8res mesures ci-dessus.<\/p>\n\n\n\n Les polices personnalis\u00e9es peuvent nuire aux performances et \u00e0 la stabilit\u00e9 visuelle de votre site web, en particulier lorsque leur chargement est retard\u00e9. L’insight \u00ab\u202fAffichage de la police<\/a>\u202f\u00bb signale les cas o\u00f9 la propri\u00e9t\u00e9 CSS font-display de votre page n’est pas d\u00e9finie sur swap ou optional.<\/p>\n\n\n\n Comment y rem\u00e9dier\u00a0:<\/p>\n\n\n\n Causes fr\u00e9quentes\u00a0:<\/p>\n\n\n\n Si vous utilisez Google Fonts sur votre site, WP Rocket regroupe automatiquement ses requ\u00eates de polices en une seule, ajoute le param\u00e8tre display=swap, \u00e9tablit une pr\u00e9connexion avec Google Fonts, pr\u00e9charge les fichiers de polices et les charge de mani\u00e8re asynchrone. Dans notre cas, tout ce que nous avions d\u00e9j\u00e0 fait a suffi \u00e0 faire passer l’insight \u00ab\u202fAffichage de la police\u202f\u00bb dans la section \u00ab\u202fAudits r\u00e9ussis\u202f\u00bb<\/strong>.<\/p>\n\n\n\nQu’est-ce que Google PageSpeed Insights\u00a0?<\/h2>\n\n\n\n
![\"Plan](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-map.jpg\")
<\/figure>\n\n\n\n![\"Les](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/core-web-vitals-are-part-of-googles-ranking-systems.jpg\")
<\/figure>\n\n\n\n![\"Page](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-homepage.jpg\")
<\/figure>\n\n\n\nComment lire chaque section de votre rapport<\/h2>\n\n\n\n
Performances sur mobile et sur ordinateur<\/h3>\n\n\n\n
![\"Basculer](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/switch-between-mobile-and-desktop-results.jpg\")
<\/figure>\n\n\n\n![\"Parts](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/desktop-vs-mobile-market-share.jpg\")
<\/figure>\n\n\n\n![\"Sch\u00e9ma](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-mobile-first-index-diagram.jpg\")
<\/figure>\n\n\n\n\u00c9valuation Core Web Vitals<\/h3>\n\n\n\n
\n
![\"L'\u00e9valuation](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-core-web-vitals-assessment.jpg\")
<\/figure>\n\n\n\n![\"Le](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/this-url-origin-switch.jpg\")
<\/figure>\n\n\n\nPerformances<\/h3>\n\n\n\n
![\"L'audit](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-performance-audit.jpg\")
<\/figure>\n\n\n\n\n
![\"Le](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/lighthouse-scoring-calculator.jpg\")
<\/figure>\n\n\n\n![\"Donn\u00e9es](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/lab-data-device-specs-and-filmstrip.jpg\")
<\/figure>\n\n\n\nInsights et Diagnostic<\/h3>\n\n\n\n
![\"Les](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/insights-and-diagnostics-section.jpg\")
<\/figure>\n\n\n\n![\"Le](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/insights-details.jpg\")
<\/figure>\n\n\n\n![\"Filtrer](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/filter-audits-by-metric.jpg\")
<\/figure>\n\n\n\n![\"Les](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-passed-insights.jpg\")
<\/figure>\n\n\n\nAccessibilit\u00e9<\/h3>\n\n\n\n
![\"L'audit](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-accessibility-audit.jpg\")
<\/figure>\n\n\n\n\n
\n
Bonnes pratiques<\/h3>\n\n\n\n
![\"L'audit](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-best-practices-audit.jpg\")
<\/figure>\n\n\n\n\n
SEO<\/h3>\n\n\n\n
![\"L'audit](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-seo-audit.jpg\")
<\/figure>\n\n\n\n\n
Navigation agentique<\/h3>\n\n\n\n
![\"L'audit](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/google-pagespeed-insights-agentic-browsing-audit.jpg\")
<\/figure>\n\n\n\n\n
Donn\u00e9es de terrain et donn\u00e9es de laboratoire\u00a0: quelle diff\u00e9rence\u00a0?<\/h2>\n\n\n\n
\n
Les recommandations PSI \u00e0 traiter en priorit\u00e9<\/h2>\n\n\n\n
\n
Probl\u00e8mes de performance courants sur WordPress et solutions<\/h2>\n\n\n\n
\n
![\"L'audit](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/test-website-initial-performance-audit.jpg\")
<\/figure>\n\n\n\n![\"Les](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/test-website-insights-and-diagnostics.jpg\")
<\/figure>\n\n\n\n1. Latence de la demande de document<\/h3>\n\n\n\n
![\"L'insight](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/07\/passed-document-request-latency-insight-audit.jpg\")
<\/figure>\n\n\n\n\n
\n
![\"Am\u00e9lioration](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/document-request-latency-improvement.jpg\")
<\/figure>\n\n\n\n2. Utilisez des dur\u00e9es de mise en cache efficaces<\/h3>\n\n\n\n
![\"Exemple](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2026\/02\/use-efficient-cache-lifetimes-insight-example.jpg\")
<\/figure>\n\n\n\n![\"Illustration](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/12\/Illustration-of-how-client-side-caching-works.png\")
<\/figure>\n\n\n\n\n
\n
![\"L'insight](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/improved-use-efficient-cache-lifetimes-insight.jpg\")
<\/figure>\n\n\n\n3. Requ\u00eates de blocage du rendu<\/h3>\n\n\n\n
![\"L'insight](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/test-website-initial-render-blocking-requests-insight.jpg\")
<\/figure>\n\n\n\n\n
\n
![\"Le](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/wp-rocket-file-optimization-menu.jpg\")
<\/figure>\n\n\n\n![\"Am\u00e9liorations](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/render-blocking-resources-improvements.jpg\")
<\/figure>\n\n\n\n4. R\u00e9duisez les ressources CSS inutilis\u00e9es<\/h3>\n\n\n\n
![\"L'avertissement](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/test-website-initial-reduce-unused-css-warning.jpg\")
<\/figure>\n\n\n\n\n
\n
![\"L'option](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/lazy-load-iframes-and-videos-option-in-wp-rocket.jpg\")
<\/figure>\n\n\n\n5. Am\u00e9liorez l’affichage des images<\/h3>\n\n\n\n
![\"Exemple](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/11\/improve-image-delivery-insight-example.jpg\")
<\/figure>\n\n\n\n\n
\n
![\"L'\u00e9cran](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/11\/imagify-bulk-optimization-option-1.jpg\")
<\/figure>\n\n\n\n![\"L'insight](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/improved-improve-image-delivery-insight.jpg\")
<\/figure>\n\n\n\n6. Tiers<\/h3>\n\n\n\n
![\"L'insight](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/test-website-initial-3rd-parties-insight.jpg\")
<\/figure>\n\n\n\n\n
\n
![\"L'insight](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/improved-3rd-parties-insight.jpg\")
<\/figure>\n\n\n\n7. Affichage de la police<\/h3>\n\n\n\n
![\"L'insight](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/test-website-initial-font-display-insight.jpg\")
<\/figure>\n\n\n\n\n
\n
![\"L'insight](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/passed-font-display-insight.jpg\")
<\/figure>\n\n\n\n8. Causes des d\u00e9calages de mise en page<\/h3>\n\n\n\n
![\"Exemple](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/11\/layout-shift-culprits-insight-example-1.jpg\")
<\/figure>\n\n\n\n![\"L'option](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/automatically-add-missing-image-dimensions-in-wp-rocket.jpg\")
<\/figure>\n\n\n\n![\"L'audit](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2025\/05\/test-website-final-performance-audit.jpg\")
<\/figure>\n\n\n\n