{"id":71550,"date":"2023-04-18T07:00:32","date_gmt":"2023-04-18T14:00:32","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=71550"},"modified":"2025-05-26T07:53:51","modified_gmt":"2025-05-26T14:53:51","slug":"exploration-approfondie-de-pagespeed-insights-guide-complet-astuces-pour-obtenir-100-fr","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/exploration-approfondie-de-pagespeed-insights-guide-complet-astuces-pour-obtenir-100-fr\/","title":{"rendered":"Exploration Approfondie de PageSpeed Insights (Guide Complet & Astuces pour Obtenir 100)"},"content":{"rendered":"\n

Sur Internet, il n’y a pas de limite de vitesse \u2013 mais heureusement, il y a un speedom\u00e8tre.<\/p>\n\n\n

La vitesse et les performances de ton site web ont un impact majeur sur ton activit\u00e9. Cela peut am\u00e9liorer tes classements de recherche et ton SEO, augmenter l’engagement sur ton site et g\u00e9n\u00e9rer plus de conversions \u2013 et de revenus.<\/p>\n\n\n

Mais avant de pouvoir optimiser la vitesse de ton site web, tu dois savoir comment il fonctionne.<\/p>\n\n\n

C\u2019est l\u00e0 que PageSpeed Insights<\/a> entre en jeu.<\/p>\n\n\n

\"Capture<\/figure>\n\n\n

Cet outil gratuit de Google t’aide \u00e0 comprendre les performances de ton site web, mais il peut \u00eatre compliqu\u00e9 de s’y plonger.<\/p>\n\n\n

Apr\u00e8s tout, que signifient tous ces diff\u00e9rents termes et scores ? Comment es-tu cens\u00e9 savoir quoi faire ou par o\u00f9 commencer ?<\/p>\n\n\n

Ce guide se concentre sur ce qu’il faut faire avec les r\u00e9sultats de ton rapport PageSpeed Insights et comment travailler strat\u00e9giquement sur des solutions sp\u00e9cifiques pour am\u00e9liorer chacun de tes scores, peu importe les probl\u00e8mes \u00e0 r\u00e9soudre !<\/p>\n\n\n

Aujourd\u2019hui, nous allons passer en revue chacun des facteurs cl\u00e9s et montrer des strat\u00e9gies pour am\u00e9liorer ta performance avec chacun d\u2019eux.<\/p>\n\n\n

Qu’est-ce que Google PageSpeed Insights ?<\/h2>\n\n\n

PageSpeed Insights est un outil qui teste, mesure et rapporte les performances de ton site web. Il capture des donn\u00e9es essentielles sur la mani\u00e8re dont les utilisateurs vivent et interagissent avec ton site en analysant des \u00e9l\u00e9ments tels que la vitesse du site, le temps de chargement et l’exp\u00e9rience utilisateur.<\/p>\n\n\n

En plus d’\u00e9valuer ton site web sur un ensemble de m\u00e9triques de performance cl\u00e9s, PageSpeed Insights effectue une s\u00e9rie de diagnostics et recommande \u00e9galement des actions sp\u00e9cifiques pour t’aider \u00e0 am\u00e9liorer la performance de ton site.<\/p>\n\n\n

PageSpeed Insights est aliment\u00e9 par le moteur d’analyse open-source de Google, Lighthouse<\/a>.<\/p>\n\n\n

Ce qui rend PageSpeed Insights particuli\u00e8rement important pour les webmasters et les marketeurs, c’est que la performance du site est \u00e9troitement li\u00e9e \u00e0 l’exp\u00e9rience utilisateur (UX), au SEO, au trafic, aux conversions et \u00e0 tous les autres indicateurs cl\u00e9s de performance les plus importants pour l’entreprise.<\/p>\n\n\n\n\n

\n\t\n\t\t<\/svg>\n\t\t<\/span>\n\t\t<\/svg>\n\t<\/a>\n

Performance Du Site Web<\/h3>\n

La performance d’un site web fait r\u00e9f\u00e9rence \u00e0 la vitesse et \u00e0 la disponibilit\u00e9 du site. Un site mieux performant aura des temps de chargement plus rapides, fonctionnera plus fluidement et aura peu ou pas de temps d’arr\u00eat.<\/p>\n \n En savoir plus <\/a>\n\n<\/div>\n\n\n

Obtenir 100 % sur PageSpeed Insights, c’est un peu comme r\u00e9ussir ton SAT \u00e0 la perfection.<\/p>\n\n\n

\u00c7a ne signifie pas n\u00e9cessairement que tu r\u00e9ussiras tr\u00e8s bien \u00e0 l’universit\u00e9, mais \u00e7a te donne certainement un avantage.<\/p>\n\n\n

Vitesse De Page Et SEO<\/h2>\n\n\n

R\u00e9pondons d’abord \u00e0 la question principale.<\/p>\n\n\n

Oui, la vitesse et les performances de ton site web peuvent impacter l’optimisation pour les moteurs de recherche (SEO).<\/p>\n\n\n

En particulier, une mauvaise performance peut nuire<\/i> \u00e0 ton SEO. Il est utile de consid\u00e9rer tes PageSpeed Insights comme un \u00ab gouverneur \u00bb pour ton site web. Si tes scores sont bas, cela signifie que le site est lent \u2013 ce qui ralentit \u00e9galement ta croissance dans les SERPs (Search Engine Results Page)!<\/p>\n\n\n

Google a d\u00e9clar\u00e9 publiquement qu’ils utilisent les signaux de vitesse des sites web<\/a>, qu’ils appellent \u00ab exp\u00e9rience de page \u00bb, comme un facteur de classement SEO.<\/p>\n\n\n

Il y a trois facteurs centraux inclus dans l’algorithme de recherche que Google appelle Core Web Vitals<\/a> :<\/p>\n\n\n

    \n
  1. Chargement – Peinture la Plus Grande du Contenu (LCP)<\/li>\n\n\n\n
  2. Interactivit\u00e9 – D\u00e9lai de Premi\u00e8re Entr\u00e9e (FID)<\/li>\n\n\n\n
  3. Stabilit\u00e9 Visuelle – D\u00e9calage Cumulatif de Mise en Page (CLS)<\/li>\n\n\n<\/ol>\n\n\n\n\n
    \n\t\n\t\t<\/svg>\n\t\t<\/span>\n\t\t<\/svg>\n\t<\/a>\n

    Quels sont les Core Web Vitals ?<\/h3>\n

    Les Core Web Vitals (CWV) ont \u00e9t\u00e9 d\u00e9velopp\u00e9s par Google et repr\u00e9sentent un trio de m\u00e9triques d’exp\u00e9rience utilisateur con\u00e7ues pour aider \u00e0 cr\u00e9er une exp\u00e9rience de navigation web plus rapide, plus accessible et de meilleure qualit\u00e9. Les trois m\u00e9triques des Core Web Vitals incluent le Largest Contentful Paint (LCP), le First Input Delay (FID) et le Cumulative Layout Shift (CLS).<\/p>\n \n En savoir plus <\/a>\n\n<\/div>\n\n\n

    Tous ces facteurs mesurent la rapidit\u00e9 de chargement de ton site web ainsi que la vitesse et la qualit\u00e9 de l’exp\u00e9rience utilisateur, ce qui peut \u00e9galement influencer l’accessibilit\u00e9.<\/p>\n\n\n

    Ces trois facteurs font partie des six m\u00e9triques totales mesur\u00e9es par PageSpeed Insights.<\/p>\n\n\n

    Comment Fonctionne PageSpeed Insights<\/h2>\n\n\n

    Maintenant que nous comprenons le qui, le quoi, le o\u00f9 et le pourquoi… il ne reste plus que le comment<\/i>.<\/p>\n\n\n

    Comment fonctionne PageSpeedInsights et comment utiliser les informations qu’il fournit ?<\/p>\n\n\n

    Tout d’abord, un peu sur le fonctionnement de l’outil en coulisses, directement de la part de Google :<\/p>\n\n\n

    \n

    \u00ab PageSpeed Insights fournit des donn\u00e9es de laboratoire et de terrain sur une page. Les donn\u00e9es de laboratoire sont utiles pour d\u00e9boguer des probl\u00e8mes, car elles sont collect\u00e9es dans un environnement contr\u00f4l\u00e9. Cependant, elles peuvent ne pas capturer les goulets d’\u00e9tranglement du monde r\u00e9el. Les donn\u00e9es de terrain sont utiles pour capturer la v\u00e9ritable exp\u00e9rience utilisateur du monde r\u00e9el – mais disposent d’un ensemble plus limit\u00e9 de mesures. \u00bb<\/p>\n\n\n<\/blockquote>\n\n\n

    En d’autres termes, PageSpeed Insights examine deux choses.<\/p>\n\n\n

    D’abord, les ordinateurs de Google chargent ton site web pour voir comment il fonctionne.<\/p>\n\n\n

    Deuxi\u00e8mement, puisque les ordinateurs de Google ne sont pas identiques \u00e0 un ordinateur portable que tu pourrais utiliser \u00e0 la maison ou au travail, ils consultent un journal de donn\u00e9es historiques provenant d’utilisateurs r\u00e9els qui ont visit\u00e9 ton site au cours des 28 derniers jours. (Ces donn\u00e9es proviennent du Chrome User Experience Report, souvent appel\u00e9 \u00ab CrUX \u00bb, et elles sont collect\u00e9es aupr\u00e8s d’utilisateurs qui utilisent le navigateur Chrome.)<\/p>\n\n\n

    Ensuite, PageSpeed Insights combine ces deux tests et \u00e9value ton site web en fonction de la mani\u00e8re dont les utilisateurs r\u00e9els pourraient l’exp\u00e9rimenter.<\/p>\n\n\n

    Le Score PageSpeed Insights est un ensemble de m\u00e9triques sur la performance de ton site qui d\u00e9taille les domaines qui sont bons et ceux qui pourraient n\u00e9cessiter des am\u00e9liorations.<\/p>\n\n\n

    Il y a 6 scores \u00e0 conna\u00eetre :<\/p>\n\n\n

      \n
    1. Premier Rendu de Contenu (FCP)<\/li>\n\n\n\n
    2. D\u00e9lai de la Premi\u00e8re Entr\u00e9e (FID)<\/li>\n\n\n\n
    3. Plus Grand Rendu de Contenu (LCP)<\/li>\n\n\n\n
    4. Changement de Mise en Page Cumulatif (CLS)<\/li>\n\n\n\n
    5. Interaction au Prochain Rendu (INP)<\/li>\n\n\n\n
    6. Temps jusqu\u2019au Premier Octet (TTFB)<\/li>\n\n\n<\/ol>\n\n\n

      Chacune de ces m\u00e9triques est mesur\u00e9e puis not\u00e9e selon le niveau de performance.<\/p>\n\n\n

      Lorsque tu lances un rapport PageSpeed Insights pour ton site, tu recevras un score et une \u00ab note \u00bb pour chacun d’eux, qui sera class\u00e9 dans l’un de ces trois niveaux :<\/p>\n\n\n

        \n
      1. Bien<\/li>\n\n\n\n
      2. \u00c0 Am\u00e9liorer<\/li>\n\n\n\n
      3. M\u00e9diocre<\/li>\n\n\n<\/ol>\n\n\n

        Ces notes sont d\u00e9termin\u00e9es par des intervalles pr\u00e9d\u00e9finis que Google \u00e9tablit :<\/p>\n\n

         <\/td>Bon<\/b><\/td>\u00c0 Am\u00e9liorer<\/b><\/td>Mauvais<\/b><\/td><\/tr>
        FCP<\/td>[0, 1800ms]<\/td>(1800ms, 3000ms]<\/td>plus de 3000ms<\/td><\/tr>
        FID<\/td>[0, 100ms]<\/td>(100ms, 300ms]<\/td>plus de 300ms<\/td><\/tr>
        LCP<\/td>[0, 2500ms]<\/td>(2500ms, 4000ms]<\/td>plus de 4000ms<\/td><\/tr>
        CLS<\/td>[0, 0.1]<\/td>(0.1, 0.25]<\/td>plus de 0.25<\/td><\/tr>
        INP (exp\u00e9rimental)<\/td>[0, 200ms]<\/td>(200ms, 500ms]<\/td>plus de 500ms<\/td><\/tr>
        TTFB (exp\u00e9rimental)<\/td>[0, 800ms]<\/td>(800ms, 1800ms]<\/td>plus de 1800ms<\/td><\/tr><\/tbody><\/table><\/figure>\n\n

        Comment Utiliser Ce Guide Pour Am\u00e9liorer Votre Score PageSpeed Insights<\/h2>\n\n\n

        Comprendre les PageSpeed Insights est la premi\u00e8re partie de la bataille.<\/p>\n\n\n

        Ensuite, nous devons trouver comment traduire tous les scores, les chiffres et les suggestions en un plan d’action pour l’am\u00e9lioration.<\/p>\n\n\n

        Voici comment utiliser ce guide :<\/p>\n\n\n