{"id":3040,"date":"2021-03-30T18:37:00","date_gmt":"2021-03-30T18:37:00","guid":{"rendered":"http:\/\/donutzdigital.com\/google-pagespeed-insights-presentation-et-mode-demploi\/"},"modified":"2023-07-15T08:56:43","modified_gmt":"2023-07-15T08:56:43","slug":"google-pagespeed-insights-presentation-et-mode-demploi","status":"publish","type":"post","link":"https:\/\/donutzdigital.com\/fr\/google-pagespeed-insights-presentation-et-mode-demploi\/","title":{"rendered":"Google PageSpeed Insights – Pr\u00e9sentation et mode d’emploi"},"content":{"rendered":"
\u200d<\/p>\n
Objectif : <\/strong>outil qui sert \u00e0 optimiser les performances de votre site Web<\/p>\n
Pr\u00e9sentation de l\u2019outil :\u00a0<\/strong><\/h2>\n
Google PageSpeed est une suite d’outils de Google<\/strong>, qui a pour but de vous aider \u00e0 optimiser les performances d’un site Web<\/strong>. Les outils de la famille PageSpeed se composent de quatre modules :<\/p>\n
\n
Le module PageSpeed, compos\u00e9 de mod_pagespeed pour le serveur HTTP Apache et de ngx_pagespeed pour Nginx,<\/li>\n
Ces diff\u00e9rents modules sont con\u00e7us pour identifier les d\u00e9fauts de conformit\u00e9 d’un site Web avec les meilleures pratiques de Google en mati\u00e8re de performances Web, ainsi que pour automatiser le processus d’ajustement.<\/li>\n<\/ul>\n
\u200d<\/p>\n
Selon les statistiques, 93 %<\/strong> des internautes abandonnent la page lorsque cette derni\u00e8re prend plus 3 secondes<\/strong> \u00e0 charger. Disposer d\u2019un site rapide est donc essentiel. C\u2019est la raison pour laquelle Pagespeedinsight PSI a \u00e9t\u00e9 cr\u00e9\u00e9.<\/p>\n
PageSpeed Insights API est donc une application gratuite<\/strong> propos\u00e9e par Google pour mesurer les performances d’une page, sur mobile, tablette et ordinateur. Une fois votre recherche effectu\u00e9e, les donn\u00e9es collect\u00e9es sont accompagn\u00e9es de conseils pour am\u00e9liorer la page.<\/p>\n
Ces am\u00e9liorations peuvent permettre de r\u00e9duire les temps de chargement des pages, mais aussi les taux de rebond. Ces deux facteurs sont cruciaux pour le r\u00e9f\u00e9rencement de votre site.<\/p>\n
\u200d<\/p>\n
Aujourd\u2019hui nous allons vous pr\u00e9senter Page Speed Insight.<\/p>\n
\u200d<\/p>\n
L\u2019installation :\u00a0<\/strong><\/h2>\n
1\/ Lancez Page speed insight sur votre ordinateur<\/p>\n\n
<\/div>\n<\/figure>\n
\u200d<\/p>\n
L\u2019utilisation :\u00a0<\/strong><\/h2>\n
Dans la barre de recherche, rentrez l\u2019URL du site que vous souhaitez analyser.<\/p>\n
Ici j\u2019ai rentr\u00e9 l\u2019URL du site internet Etam.<\/p>\n\n
<\/div>\n<\/figure>\n
Une fois l\u2019URL rentr\u00e9e, Page Speed Insight prend environ 20\/30 secondes pour analyser votre site Web.<\/p>\n\n
<\/div>\n<\/figure>\n
Vous aurez des r\u00e9sultats r\u00e9partis en 2 cat\u00e9gories :<\/p>\n
\n
La partie Mobile<\/strong><\/li>\n
La partie Ordinateur<\/strong><\/li>\n<\/ul>\n
\u200d<\/p>\n
Pour Mobile : voici les donn\u00e9es collect\u00e9es<\/p>\n\n
<\/div>\n<\/figure>\n\n
<\/div>\n<\/figure>\n\n
<\/div>\n<\/figure>\n\n
<\/div>\n<\/figure>\n
\u200d<\/p>\n
Pour ordinateur : voici les donn\u00e9es collect\u00e9es<\/p>\n\n
<\/div>\n<\/figure>\n\n
<\/div>\n<\/figure>\n\n
<\/div>\n<\/figure>\n
\u200d<\/p>\n
Comment interpr\u00e9ter les donn\u00e9es calcul\u00e9es par PageSpeed Insights ?<\/strong><\/h2>\n
\u200d<\/p>\n
1\/ Comment les scores sont cod\u00e9s en couleur ?<\/p>\n
Les scores de la m\u00e9trique et de la performance sont color\u00e9s en fonction de ces plages :<\/p>\n\n
Pour offrir une bonne exp\u00e9rience utilisateur, les sites doivent s’efforcer d’obtenir un bon score (90-100). Un score de 100 % est extr\u00eamement difficile \u00e0 atteindre. Par exemple, faire passer un score de 99 \u00e0 100 n\u00e9cessite \u00e0 peu pr\u00e8s la m\u00eame quantit\u00e9 d’am\u00e9lioration m\u00e9trique que pour faire passer un score de 90 \u00e0 94.<\/p>\n
\u200d<\/p>\n
Cliquez sur le petit \u00ab i \u00bb pour en savoir plus sur le calcul de performance de votre page.<\/em><\/p>\n
\u200d<\/p>\n
2\/ Les indicateurs<\/p>\n
D\u00e8s que Page speed insights re\u00e7oit une URL, il la recherche dans l’ensemble de donn\u00e9es Chrome User Experience Report (CrUX). S’il est disponible, PSI rapporte les donn\u00e9es m\u00e9triques First Contentful Paint (FCP), First Input Delay (FID), Largest Contentful Paint (LCP) et Cumulative Layout Shift (CLS) pour l’origine et potentiellement l’URL de la page sp\u00e9cifique.<\/p>\n\n
<\/div>\n<\/figure>\n
\u200d<\/p>\n
Donc, apr\u00e8s avoir tap\u00e9 votre URL dans la barre de recherche, vous obtenez en quelques secondes un rapport d\u00e9taill\u00e9 qui prend en compte 4 param\u00e8tres dont les deux principaux sont :<\/p>\n
– Le PCF<\/strong> (ou FCP en anglais) : temps que met la page \u00e0 s’afficher pour l’utilisateur.<\/p>\n
– Le FID<\/strong> : le temps qu’il faut \u00e0 la page pour \u00eatre enti\u00e8rement charg\u00e9e. Il indique le temps \u00e9coul\u00e9 entre le moment o\u00f9 l’utilisateur interagit avec un \u00e9l\u00e9ment de votre page et le moment o\u00f9 le navigateur est pr\u00eat \u00e0 r\u00e9pondre \u00e0 sa requ\u00eate. Dans l\u2019exemple ci-dessous, ce temps est de 28ms (mobile).<\/p>\n\n
<\/div>\n<\/figure>\n\n
<\/div>\n<\/figure>\n
Comme nous l\u2019avons dit pr\u00e9c\u00e9demment, les scores affich\u00e9s vont de 0 \u00e0 100. Ce n\u2019est pas grave si vous n\u2019\u00eates pas \u00e0 100% car peu de sites y parviennent (les crit\u00e8res sont tr\u00e8s stricts). Vous devez cependant essayer d’obtenir un score aussi \u00e9lev\u00e9 que possible.<\/p>\n
Si vous voyez beaucoup de rouge et de jaune dans votre rapport, cela signifie que votre site rencontre des probl\u00e8mes importants lors du chargement des pages.<\/p>\n
![\"Une](\"https:\/\/donutzdigital.com\/wp-content\/uploads\/2022\/12\/62badab11c6b847e016ee07b_7kBIKk-6d32ZZNMEVjU2bX0Oc5Lpxz2n5NnhfmxddV-OK4bzWwmWNyYV-ahcOQCbL3X_ZtZFX5L4MQvzG9agJUiwcvXjDBCYrIMBAHYq9K4QY24AQMnMAyVZAKe5wsUmKBU5FREBdMFiFbyQOg.png\")
<\/div>\n<\/figure>\n![\"Une](\"https:\/\/donutzdigital.com\/wp-content\/uploads\/2022\/12\/62badab156eaf57daa5b0ce0_5DVeWm4Q_saXnVCE6lXKYPFZOr8pN4_GuO7AlAu3Wq85puY3xfcwNmixf5RXkIZSVTVqeMR3GUn4DA2C1Fe0xxKjXDaUEqUtRTwswIaEc10-GqFq0Xy3FMhkACHc-e7Z6KVZOhI5PZa7mvabpA.png\")
<\/div>\n<\/figure>\n![\"Une](\"https:\/\/donutzdigital.com\/wp-content\/uploads\/2022\/12\/62badab1c625995d70a0d4f8_FAthqTdG-gDBt5ab-1zO92dPYZMlWIebbmlI1wBG-mix2jACPM73l7xoPFEAyaty8qeH4ZDH3OFKptG61Uc1T_uLKjaBnsmEJ_jKT8RxWfWDpSUKDPKJES-1j_x3lw_zMsxOvo1wgSx-xvI0A.png\")
<\/div>\n<\/figure>\n![\"Une](\"https:\/\/donutzdigital.com\/wp-content\/uploads\/2022\/12\/62badab1a5a9f219f962066f_cgG72FA7dnxUjCbxxPq2CQyQ-0ca1hNkcOnB_ZaKGJspPMuz5QUA_nAHSqWEh8gtvMdiwIDs-sO4IjLiJSdGO_4u8G8kRCFTkS7CQR46Cz_YEFE-p2FriH2cW3SBggJCbyebPuWPB6p3-Z6NjQ.png\")
<\/div>\n<\/figure>\n![](\"https:\/\/donutzdigital.com\/wp-content\/uploads\/2022\/12\/62badab18f217281ecbec630_vf6WclMGb6hMNq9MdxkDXJGThJAFjRYi6Xr0GkDp5hDbmu_2-vRsQFKHoe1OV5TLq1TAN-7-pqtJ8liUz65Uz81FO4WsKQdOnzm5GnlIcXfW0r_bLSoAC5JtuTF6JD8juvEATrVRxI1mldmMfw.png\")
<\/div>\n<\/figure>\n![\"Une](\"https:\/\/donutzdigital.com\/wp-content\/uploads\/2022\/12\/62badab28d78c9287d5cb640_6RpLDJjJCMgFW1xxYGE2PNlIAfZ3ydKt4bE78c33uPYkoSnbQD3Le7uYOeYt6dW5ZSJqofVgq907HZmfcHk1sRy9UGs6mgVzjYMAAte5RWdEVG7kMCFUZhoqfFx_2dADgqz_L6EwGkpGoyaBWw.png\")
<\/div>\n<\/figure>\n![\"Une](\"https:\/\/donutzdigital.com\/wp-content\/uploads\/2022\/12\/62badab2e2e7081395940b4e_AbJhKOq7iUUdPa0zUWJ1RkV4Xmf7JoXikQ0aXVP6B_1qRW5B0ApfIhsGYtPRSe-goMK15wvtsiRDuvZ5VX4wMVr5fYE-fFWDNr6f1ZjmrhO8IdDeQMohgofRpU1Gf5h5X1hbJG0pXxAvRMaOvw.png\")
<\/div>\n<\/figure>\n![\"Une](\"https:\/\/donutzdigital.com\/wp-content\/uploads\/2022\/12\/62badab22f682ab414566749_9ILmrw3bR6NvazPnPesJsaWusZRRvFTbMTBlAn_zJfLO_xs_lSpv8_eTI-VFhz_GuaTS8ziTpxnaUEWwL7Oof8GXMpz9cg1usCjcuTZRFiOQcLu9LQvvvO7X-5NgKbppPNWJojsHpA0pEiUgVQ.png\")
<\/div>\n<\/figure>\n![\"Une](\"https:\/\/donutzdigital.com\/wp-content\/uploads\/2022\/12\/62badab219f7eb180b54c2e8_16j0CCmQTZlmksOYPJYL7qMoMY-g0UR31G2eeMAqaLVeBxhO87jeStT-m13n_-tzSSkoSCumjFo5RtReYR6K9VP_B34c4SIAhJPiV0ahz2BqiTS91DZsjuQJfYMBzUnPcNokmPMaEnCBAAPXfw.png\")
<\/div>\n<\/figure>\n![\"Une](\"https:\/\/donutzdigital.com\/wp-content\/uploads\/2022\/12\/62badab25e24a682e18c8d77_nqc_VhdpUS38-khSHeJDTY1-spiebmPsr-odGBn__uOnfxknAYnYtzzTr6HMWjJeqOrlxv1_gN8bmaDKtQhllrrdUHTdx8_lLUsIiPqeLVaxjYw8XduTb5e4Uu9r_EnCnL_9DyUOZNSXkftBMA.png\")
<\/div>\n<\/figure>\n![\"Une](\"https:\/\/donutzdigital.com\/wp-content\/uploads\/2022\/12\/62badab271e9ddccfa3e2828_bfdYu3KaUNlbyRFAFXYXDSNFOX6MI6IC62N3hfaA_FwclO5PRuHNeF1I2gT05cc7RNMQ7OiJDn0jVgZBFueqcPNR67DqxqaKKxQmOkVEBnfdG2x_d4sI2Zicayv9s9-Hxf-lpRZdY5xLBCBXfA.png\")
<\/div>\n<\/figure>\n![\"Une](\"https:\/\/donutzdigital.com\/wp-content\/uploads\/2022\/12\/62badab374a04ae0bda4fed9_Mau8ghd0M1MeodXKLYRhRsnyy6s2dITgcS1KfGcp7DoVMnRqaUzhfBfM6apkBZnKmVkwASVMesK9rz-gQ0aK_cFkpqBCa37CfV7EupB17opg6A86fNbrcR45vmlWSt9lVuJbV8nsJ6SaVSrkuA.png\")
<\/div>\n<\/figure>\n![](\"https:\/\/donutzdigital.com\/wp-content\/uploads\/2022\/12\/62badab2e2e70871c7940b4f_AifwO4_zjhymGBHzr1zz12A6Mzx3QSlgL3NHKsWXEtTGvoX2CRdi4mANDg_VL8zEXSIExgCvsvqLkCkygoADAcEwWs8WA3U0YceQpwLImsCqeIJmnDIqTI3zerZ_is9kjYDlu-Okm1zdigiFXQ.png\")
<\/div>\n<\/figure>\n![\"Une](\"https:\/\/donutzdigital.com\/wp-content\/uploads\/2022\/12\/62badab2b04ad7c68d1ca084_w19aItYYFeKTK38nLgVfteyu40wt9Vpz3CAczJk8OSt6G3PplaKFbSjAufsE99GfbL0SuOKwyK_8r3s_uwIRFSV8JDdjZXBHjSpf4JTGtGVVkSDyZKsFY6azQVF7wvM0n-pgrTuCuDa17Abmaw.png\")
<\/div>\n<\/figure>\n![](\"https:\/\/donutzdigital.com\/wp-content\/uploads\/2022\/12\/62badab3a5a9f2b4dd62067c_lIH12_2qY1Ml6KsaYw-_GcjiblXMeCMkkqDeUYPx89wvxPXVN1NPkn0be0mSb3xqLuIRof8W3Z_c42LGa1dX1LHCt5Y7rqRNQNNG4wvTJwQ2bXQrAjFxP6fBymQYxSVVxQ3bMCt3mxUC-uixZA.png\")
<\/div>\n<\/figure>\n![\"Une](\"https:\/\/donutzdigital.com\/wp-content\/uploads\/2022\/12\/62badab2f04e5964ad898469_rUXbG7tpzNbMUUYg8VRDxkLYUx-CVzW_uFUERBjfuNF6HyTg1Xrl1pqNv9O1eZYPixgJm5zsBua0Px4UUyg5Ia9QIcqaQaKfGll6ECg6B7y72-Bm5UI9dLcv2dlwMVa2r1PrWgwS1cQPnFHow.png\")
<\/div>\n<\/figure>\n