Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

1 GOOGLE PAGESPEED INSIGHTS : LE GUIDE 2020 GOOGLE PAGESPEED INSIGHTS : Le guid

1 GOOGLE PAGESPEED INSIGHTS : LE GUIDE 2020 GOOGLE PAGESPEED INSIGHTS : Le guide 2020 wp-rocket.me/fr 2 GOOGLE PAGESPEED INSIGHTS : LE GUIDE 2020 Fondée en 2014 en France, WP Media est une société réunissant plus de 20 passionnés de WordPress répartis aux quatre coins de la planète. Nous développons des extensions pour rendre le Web meilleur - plus rapide, plus léger et plus facile à utiliser. Découvrez nos deux principaux produits : • WP Rocket intègre automatiquement plus de 80 % des bonnes pratiques en matière de performance Web pour réduire le temps de chargement de votre site Web. • Imagify réduit le poids de vos images sans perte de qualité. En compressant vos images, vous accélérez votre site Web et améliorez votre référencement. INTRODUCTION Pourquoi un guide sur Google PageSpeed Insights ? CHAPITRE 1 PageSpeed Insights : vue d’ensemble CHAPITRE 2 Qu’est ce que PageSpeed Insights et comment ça marche ? CHAPITRE 3 Pourquoi vous ne devriez pas vous soucier de votre score Google PageSpeed Insights CHAPITRE 4 PageSpeed Insights est maintenant fourni par Lighthouse : qu’est ce que ça change, et comment lire le nouveau rapport ? CHAPITRE 5 Comment appliquer les recommandations de Google PageSpeed Insights CHAPITRE 6 Comment utiliser WP Rocket pour améliorer votre score PageSpeed Insight Table des matières Google PageSpeed Insights : Le Guide 2020 4 GOOGLE PAGESPEED INSIGHTS : LE GUIDE 2020 5 GOOGLE PAGESPEED INSIGHTS : LE GUIDE 2020 Lorsqu’il est question de mesurer la vitesse de votre site, il existe une multitude d’outils de test disponibles. Certains d’entre eux sont très simples, d’autres vont plus loin et fournissent de nombreuses indications. De PageSpeed Insights à GTMetrix, Pingdom ou WebPageTest, vous avez l’embarras du choix. Néanmoins, force est de constater que la plupart des personnes qui s’intéressent au temps de chargement des pages se tourneront très probablement en premier lieu vers Google PageSpeed Insights. Dans ce guide, nous allons nous concentrer sur cet outil extrêmement populaire. Nous vous montrerons comment l’utiliser et comprendre ses résultats, et comment répondre à ses recommandations les plus courantes. Nous vous proposerons également d’autres outils de test. Pourquoi un guide sur Google PageSpeed Insights ? Chez WP Rocket, nous croyons fermement que l’optimisation de la performance de votre site Web ne doit pas être laissée entre les mains d’un seul outil. Il existe un certain nombre d’excellents outils de test de performance gratuits, alors profitez-en. 1 CHAPITRE 1 PageSpeed Insights : vue d’ensemble Google a lancé la première version de PageSpeed Insights vers 2013. Ils voulaient fournir un outil d’analyse de performance et le rendre accessible à un large public. Dans cette optique, ils ont créé un outil qui donne un score de performance et fait des suggestions sur comment améliorer ce score. Le test est valable pour les ordinateurs et les mobiles. Au fil des années, PageSpeed Insights (en abrégé PSI) a évolué pour devenir l’un des outils de test de performance les plus populaires. Ses scores sont facile à lire, et les suggestions données sont très utiles pour comprendre ce qu’il y a à améliorer sur votre site. Notre guide 2020 pour PageSpeed Insights vous guidera à travers les secrets de cet outil indispensable et vous montrera comment en tirer le meilleur. Les scores PageSpeed Insights : comment les lire et les comprendre au mieux Le système de notation au coeur de PageSpeed Insights est probablement l’une des raisons de sa popularité. Avec PSI, vous pouvez très facilement avoir une idée de l’état de santé de votre site : • Le rond vert signifie que tout va bien. • Le carré orange signifie que vous devriez prêter attention à quelque chose. • ●Le triangle rouge est le symbole redouté qui signifie que quelque chose ne fonctionne pas comme il faudrait. Depuis fin 2018, les résultats de PageSpeed Insights se basent sur un autre outil de la famille Google : Lighthouse. Bien que le système de notation n’ait pas changé de présentation, de nombreux mécanismes en arrière-plan ont modifié la manière dont un rapport PSI doit être interprété. Qu’est ce que PageSpeed Insights ? GOOGLE PAGESPEED INSIGHTS : LE GUIDE 2020 5 6 GOOGLE PAGESPEED INSIGHTS : LE GUIDE 2020 7 GOOGLE PAGESPEED INSIGHTS : LE GUIDE 2020 PAGESPEED INSIGHTS : VUE D’ENSEMBLE C’est pourquoi nous avons dédié un chapitre de ce guide à comment lire le nouveau rapport de PageSpeed fourni par Lighthouse. D’un autre côté, on ne le répètera jamais assez : il est impératif de ne pas utiliser PageSpeed Insights comme le seul outil d’évaluation de la santé des performances de votre site Web. Les scores PSI ne devraient pas vous inquiéter outre mesure car ils ne sont pas LA vérité universelle. Notre chapitre sur pourquoi vous ne devriez pas vous soucier des scores de PageSpeed vous explique cela en détails. Comment s’occuper des recommandations de PageSpeed les plus courantes Un rapport PageSpeed comprend généralement plusieurs suggestions. Mais si vous n’êtes pas complètement familier avec le côté technique du développement d’un site Web, ces suggestions peuvent vous paraître obscures, et vous ne saurez pas par quel bout les prendre. Dans le chapitre dédié aux recommandations de Google PageSpeed Insights, nous vous expliquons les bases pour comprendre les suggestions les plus courantes de PSI. Nous verrons comment les interpréter, quelles sont les solutions les plus faciles à mettre en place, et dans quels cas vous ne devriez pas vous en soucier. Par dessus tout, vous comprendrez pourquoi il est assez irréaliste de viser un score de 100 % sur PageSpeed Insights. 6 “Comment puis-je obtenir un score de 100/100 sur PageSpeed Insights?” est l’une des questions que notre équipe de support reçoit le plus. Combien de fois vous êtes-vous posé une question de ce genre lorsque vous testiez la vitesse de votre site ? On sait que PageSpeed Insights de Google est l’un des tests de vitesse les plus utilisés au monde, et ce pour de bonne raisons. L’équipe Google a toujours été à l’avant-garde de l’optimisation des performances Web et de ses outils. Au cours des dix dernières années, ils ont développé une série d’outils destinés à différents types d’utilisateurs : des développeurs aux responsables marketing en passant par les amateurs qui gèrent un site Web, il existe un outil Google pour chaque besoin ! 1 CHAPITRE 2 Qu’est ce que PageSpeed Insights et comment ça marche ? • PageSpeed Insights, qui analyse vos pages Webs et vous donne des suggestions pour les rendre plus rapides; • Lighthouse, qui récupère les données de performances et propose la mise en place des bonnes pratiques; • WebPageTest, un outil de performance et d’optimisation qui analyse les statistiques sur de vrais appareils; • Chrome DevTools, un ensemble d’outils de développement intégrés au navigateur Google Chrome • TestMySite, un outil dédié aux tests de performances sur les appareils mobiles Aujourd’hui, nous pouvons compter sur les outils de perfor- mance suivants développés par Google : 7 GOOGLE PAGESPEED INSIGHTS : LE GUIDE 2020 8 GOOGLE PAGESPEED INSIGHTS : LE GUIDE 2020 GOOGLE PAGESPEED INSIGHTS : LE GUIDE 2020 9 La filiation de Google sur PageSpeed a permis à l’outil de gagner rapidement une réputation solide depuis son lancement en 2013. Néanmoins, l’outil de test de vitesse parfait n’existe pas. C’est pourquoi les résultats de PageSpeed Insights ne devraient pas être considérés comme une vérité absolue, mais comme un parmi d’autres très bons éléments de mesure, qui doivent être combinés. Avec ce guide, vous découvrirez PageSpeed Insights en profondeur; vous comprendrez comment son célèbre système de notation fonctionne et ce qu’il mesure exactement. Google PageSpeed Insights, qu’est-ce que c’est ? PageSpeed Insights (PSI) mesure la performance d’une page à la fois sur les ordinateurs fixes et sur les mobiles, puis fournit des suggestions d’améliorations de la page. PageSpeed Insights utilise Lighthouse depuis fin 2018. Cela signifie que les résultats dans votre rapport PSI sont basés sur l’API de Lighthouse. Nous analyserons ce que cela veut dire au Chapitre 4. Après avoir analysé la page, PSI fournit deux types d’information : les données de laboratoire et les données de champ. Les données de laboratoire sont acquises dans un environnement contrôlé, c’est à dire avec un ensemble d’appareils et de réglages réseaux définis au préalable. C’est une méthode très efficace pour déboguer des problèmes de performance car on peut reproduire les mêmes conditions de tests à l’infini. En revanche, cette méthode n’est pas forcément appropriée pour dépister les ralentissement en situation réelle. A l’inverse, les données de champ (également appelées Real User Monitoring ou RUM) tiennent compte de données de performance récoltées sur des chargements de vraies pages. C’est une bonne méthode pour obtenir une expérience utilisateur réelle, mais ces données ne sont pas exhaustives et n’offrent pas assez d’informations pour un debug efficace. Quel genre d’informations PSI donne-t il sur votre site ? Quand vous demandez à PSI d’analyser une page, il va vous fournir différentes sections et indicateurs à propos de la performance de votre page. Les données de laboratoire sont basées sur l’analyse de Lighthouse à partir uploads/Management/ livre-blanc-pagespeed-insights-2020-wp-rocket-pdf.pdf