Guide Google PageSpeed de Semalt pour les utilisateurs de WordPress
Google PageSpeed Insights (PSI pour faire court) est un outil intéressant pour les développeurs Web. Ses intentions sont certes bonnes, mais on peut dire qu'il ne convient pas au propriétaire moyen d'un site WordPress. Et bien que PageSpeed Insights ait récemment introduit des commentaires spécifiques pour les utilisateurs de WordPress, de nombreux aspects du rapport qu'il fournit sont trop techniques pour les utilisateurs moyens.
Dans ce guide, nous essaierons de «traduire» et de décrire en mots simples ce dont parle PageSpeed et nous vous expliquerons quels commentaires doivent être adressés et traités et lesquels ne le devraient pas. Cette partie du guide se concentrera uniquement sur la compréhension et l'analyse des données de laboratoire. Cependant, dans un autre article, nous parlerons des mêmes suggestions et opportunités d'amélioration que PSI propose.
Le problème de base que PageSpeed Insights tente d'éradiquer
Ces derniers temps, la popularité des sites WordPress et d'autres systèmes de gestion de contenu a augmenté miraculeusement. Ceux-ci permettent aux utilisateurs ayant une connaissance minimale du développement, ou ceux qui n'ont aucune connaissance du sujet du tout, de construire des sites dont la manière de construire est en contradiction avec les règles de base de la performance du site.
Les constructeurs de pages qui permettent à toute personne n'ayant aucune connaissance du développement de sites Web ont un impact significatif. Le fait est que si vous créez un site Web simple et léger, il obtiendra automatiquement un score plus élevé dans ces outils, et plus important encore, ce sera beaucoup plus rapide pour les internautes et l'expérience utilisateur sera donc meilleure.
Google essaie d'encourager une bonne expérience utilisateur et d'éradiquer ces problèmes, entre autres grâce à un projet dont vous avez probablement entendu parler appelé AMP. Google dit "entreprise, si vous ajoutez des fichiers indésirables à votre site, voyons au moins ce qui peut être fait pour réduire son impact sur la vitesse et le temps de chargement".
Au-delà, Google - dont le modèle économique est la publicité et les services - doit s'assurer que la vitesse des sites et l'expérience utilisateur sur le Web s'améliorent. Sinon, les plateformes fermées comme Facebook, qui proposent également des publicités, absorberont une part encore plus importante de ses revenus.
Comment comprendre les informations affichées par Google PageSpeed?
L'outil de test de vitesse de Google est actuellement basé sur Lighthouse et évalue chaque site en fonction d'un ensemble de règles. Ces règles s'appliquent à chaque site quel que soit son public cible, son contenu ou sa finalité.
PageSpeed Insights fournit des rapports sur les performances du site sur mobile et ordinateur de bureau et fournit des informations sur les opportunités et des suggestions sur la manière d'améliorer les performances de la page en cours d'examen.
Données de zone par rapport aux données de laboratoire (données de test)
PSI fournit des données de laboratoire ainsi que des données de terrain. Seuls les sites avec un trafic particulièrement élevé recevront des informations dans une section appelée données de zone, il n'y a donc pas lieu de s'inquiéter si vous ne les recevez pas.
Nous ne développerons pas les données de terrain dans le post actuel, mais il est dit que les données de laboratoire, dont nous parlerons, sont collectées dans un environnement contrôlé à l'aide d'appareils prédéfinis et de paramètres de réseau fixes.
Les données de laboratoire sont celles qui sont pertinentes en faveur de la surveillance, du débogage et de l'optimisation des problèmes, car elles ne changent pas conceptuellement. Les données de laboratoire fournissent plus d'informations que les données de zone, mais elles ne fournissent pas d'informations sur les goulots d'étranglement qui peuvent être générées dans le monde réel et affecter les performances du site.
Comment utiliser Google PageSpeed?
Avant de commencer, on dit que la première étape pour donner un sens au rapport présenté par Lighthouse est de savoir qu'il faut cliquer sur la flèche qui apparaît à côté de chaque commentaire pour obtenir des informations détaillées à ce sujet.
Vous devez creuser plus profondément pour comprendre et voir les problèmes que présente le rapport et je suppose que cela est compréhensible. Commençons par le score global fourni par PSI.Je suis presque sûr que la plupart d'entre vous ne savent pas exactement ce que reflète ce score ...
Score global
PageSpeed - Score général: le score global fourni par PageSpeed résume les performances de la page par nombre et couleur. Le score est déterminé en exécutant un phare et fournit des données de laboratoire dites «stériles» sur la même page testée.
L'un des problèmes de PageSpeed est d'afficher le score dans une couleur et un nombre que tout le monde ne peut pas comprendre. Couleur verte=bonne, couleur rouge=pas bonne. L'utilisation de cette méthode et le manque de compréhension de la signification du score global rendent les gens frustrés par le fait que les performances de leur site sont "supposément" faibles et ils n'ont aucune idée de comment y remédier.
Parce que la plupart des utilisateurs pensent que quelque chose de moins que vert n'est pas suffisant, les gens interprètent mal le rapport. Alors mettons les choses en ordre une fois pour toutes ...
Comment interpréter le score global
Si vous devenez vert, cela signifie que votre site est dans le meilleur pourcentage en termes d'optimisation et que cela ne dit pas grand-chose sur la vitesse réelle du site.
Un score de 100 est le meilleur score que vous puissiez obtenir et représente le 98e centile - un site avec (apparemment) de bonnes performances. Un score de 50 représente le 75e centile - cela signifie que votre site a reçu un score supérieur à 75% des sites que Google a vérifiés et qu'il ne dit rien sur la vitesse réelle.
Un score de 90 ou plus est considéré comme un bon score, 50-90 est considéré comme moyen et inférieur à 50 est considéré comme faible.
Par conséquent, la plupart des sites n'obtiendront pas de score vert. Un site WordPress moyen construit par un constructeur de site avec des capacités techniques moyennes n'obtiendra probablement pas un score élevé hors de la boîte. Et malgré leur optimisation, ces sites comportent généralement de nombreux éléments qui nuisent au score à obtenir.
À quoi sert le PSI?
PSI fournit des commentaires et des opportunités d'amélioration pour vous aider à résoudre les problèmes qui ont cet impact négatif. Les mêmes «données d'essais» (données de laboratoire), dont nous parlerons bientôt, fournissent des informations à jour en termes de plannings.
Par exemple, lorsque votre page est affichée pour l'internaute et lorsque l'internaute peut commencer à effectuer des actions sur la même page. Ce sont des mesures spécifiques qui affectent le score global.
Données de laboratoire - Phare
Si vous prévoyez d'exécuter un test Lighthouse via les outils de développement Chrome, assurez-vous de le faire dans une fenêtre où aucune extension de navigateur n'est activée.
Développons ces données de laboratoire et décrivons-les une par une. En général, votre objectif dans le contexte de ces données est de rendre chacune aussi courte que possible:
1. Présentation du contenu initial - First Contentful Paint
L'affichage du contenu initial (FCP) est une mesure du temps entre le moment où la page est demandée et le moment où le navigateur rend le premier bit dans le DOM. Il s'agit d'une étape importante pour l'utilisateur car elle fournit des commentaires pour le chargement de la page.
En d'autres termes, le navigateur doit traiter le code de la page pour l'afficher. Le terme «Paint» fait référence au processus d'affichage réel des pixels à l'écran. Le chiffre d'affichage initial du contenu décrit le temps qu'il a fallu pour qu'un contenu, qu'il s'agisse de texte, d'image ou de tout autre contenu, soit affiché à l'écran pour l'internaute.
2. Présentation du contenu principal - Première peinture significative
La figure Main Content Display (FMP) tente d'identifier le moment où l'internaute sent que le contenu principal de la page est affiché pour lui. Bien sûr, ce type de test ne peut pas savoir exactement quel est le contenu principal et n'est donc pas précis.
En général, Lighthouse définit cela comme le moment où la modification la plus significative est apportée à la partie critique de la page (au-dessus du contenu du pli) en plus du moment où les polices Web sont chargées.
3. Indice de vitesse
L'indice de vitesse est assez similaire aux deux mesures précédentes que nous avons décrites. Il montre généralement à quelle vitesse le contenu de la page est affiché à l'internaute et est également pondéré selon les mêmes mesures précédentes que nous avons mentionnées. Bien sûr, un score inférieur=meilleur.
4. First CPU Idle Mode - Premier CPU inactif
Ce chiffre (FCI) et le chiffre suivant intitulé "Time to Interactivité" se réfèrent à la vitesse à laquelle l'utilisateur peut effectuer des actions sur la page en question. S'il essaie d'effectuer une action pendant que le navigateur traite le code, on dit que c'est une pression sur un bouton. Ensuite, soit il devra attendre un peu jusqu'à ce que l'action soit effectuée, soit l'action ne sera pas exécutée du tout.
Le chiffre d'inactivité du processeur indique le temps qu'il faut à la page pour être interactive, c'est-à-dire pour atteindre un état dans lequel l'utilisateur peut interagir avec la plupart des éléments de la page et obtenir un temps de réponse raisonnable.
5. Temps d'interactivité
Le chiffre du temps d'interactivité (TTI) mesure le temps qu'il faut à une page pour être entièrement interactive lors de l'interaction avec des éléments sur la même page, comme un clic sur un bouton pour obtenir une réponse rapide (environ 50 ms).
L'interactivité des pages est mesurée par plusieurs facteurs:
- La page affiche le contenu pertinent pour l'utilisateur (pondéré en fonction des données affichées dans le contenu initial).
- Les gestionnaires d'événements sont répertoriés pour la plupart des éléments visibles.
- La page répond aux actions de l'utilisateur dans un délai d'environ 50 ms.
Il existe de nombreux sites qui s'optimisent pour que le contenu s'affiche plus rapidement mais au détriment de l'interactivité, ce qui peut créer de la frustration pour l'utilisateur. Le site semble être complètement chargé mais lorsque l'utilisateur essaie d'effectuer une action, rien ne se passe.
6. Retard maximal potentiel de la première entrée
Le délai maximal de la première entrée est lié à la durée nécessaire au navigateur pour effectuer l'opération la plus longue, par exemple, cela retardera la vitesse de réponse d'un clic de bouton par l'utilisateur.
Par exemple, si le navigateur est occupé à traiter un certain JavaScript sur la page (qui n'est pas asynchrone), vous ne pourrez probablement pas effectuer certaines opérations tant que le traitement n'est pas terminé.
En conclusion
Dans cette partie du guide, nous avons parlé des données de laboratoire que PageSpeed nous fournit et expliqué la signification de chacune de ces données. Comme promis bientôt, nous parlerons en détail de chacune des opportunités ou des commentaires que PageSpeed Insights nous présente.
Derniers mots -Ne devenez pas fou pour obtenir les meilleurs scores, assurez-vous que le temps de chargement des pages de votre site est raisonnable + il n'est pas anormalement lent afin que l'impact sur l'expérience utilisateur ne soit pas significatif. N'oubliez pas qu'un score de 50 signifie que l'état d'optimisation de votre site est meilleur que 75% des sites évalués.
Et une fois arrivé à ce point, concentrez-vous sur un contenu de qualité et investissez dans les autres paramètres inclus dans le SEO technique. Si vous n'avez pas les connaissances nécessaires dans le domaine de référence, contactez le experts de Semalt. Vous obtiendrez d'excellents résultats en peu de temps grâce au pack autoSEO.
Ce pack SEO est un véritable "full house" pour une entreprise en ligne qui vise à:
- Améliorez la visibilité de votre site Web
- Optimisez chaque page de votre site pour de meilleurs taux de conversion
- Construire des liens de qualité
- Rechercher des mots clés pertinents
- Créer un rapport d'analyse Web détaillé
Si tout cela est bien fait sur votre site croyez-moi que même si le score PageSpeed de votre site est inférieur à cela, vous finirez par être bien classé ... alors bonne chance!