Google Page Speed Insight

Après avoir vu les détails de la méthode de calcul du score Page Speed Insight et ce qu’il signifie, abordons le reste des résultats pour voir si les recommandations de la partie Opportunities et Diagnostics sont pertinentes, et s’il faut les appliquer.

Que trouve-t-on sur la page de résultats de Page Speed Insight 

Field Data

Sous le score Lighthouse, Page Speed Insight propose une section Field Data (Données de Champ en VF). Il s’agit de données CrUX collectées sur 30 jours. Sachez toutefois que ces données traduisent la pire expérience possible en se basant sur le 90ème percentile pour le FCP et le 95ème percentile pour le FID - autrement-dit, 90 et 95 % des utilisateur.rice.s ont une expérience d’une qualité supérieure aux temps traduits par ces mesures.

Google aurait pu faire le choix d’indiquer une médiane, mais selon nous, c’est aussi intéressant de montrer des valeurs extrêmes pour inciter à optimiser les temps de chargement. Même si la donnée n’est pas la plus représentative de l’ensemble des utilisateur.rice.s, elle tient compte des cas les plus critiques qui ne doivent pas être laissés de côté. La visualisation complémentaire de la distribution des valeurs réparties en 3 groupes “rapide / moyen / lent”est intéressante. On constate dans cet exemple qu’une majorité a une navigation rapide :

La case Origine Summary permet d’afficher les données pour l’ensemble du nom de domaine - alors que Field Data concerne seulement la page testée. 

Attention, le FCP de la section Field Data n’est pas le même que celui de la section Lab Data que nous allons aborder dans le point suivant, et nous verrons également pourquoi.. Ce sont les mêmes métriques, mais relevées selon des modes opératoires différents.

Sachez aussi que si l’audience de votre site est confidentielle et qu’il ne fait pas partie du panel CrUX, Google ne collectera pas les données réelles et vous n’aurez pas accès aux informations de cette section. Le message suivant peut alors s’afficher :

Lab Data

Les données de “laboratoire” sont calculées par Lighthouse qui extrapole les résultats à partir d’une connexion native via un algorithme (contrairement à WebPageTest qui simule une connexion). Il s’agit donc de données de synthèse, ce qui explique pourquoi les résultats pour certains indicateurs ne sont pas les mêmes que dans la section précédente Field Data (qui, elle, se base sur des données RUM), avec en plus la marge d’erreur induite par cette extrapolation des résultats.

 

Comme nous l’avons aussi vu dans notre article précédent sur Page Speed Insight, ces résultats sont pondérés pour calculer le score entre 0 et 100, lequel est à observer avec du recul ; il en va de même pour les conseils prodigués dans les sections suivantes de la page de résultats (Opportunities et Diagnostics) qui concernent seulement la page testée, et qui suggèrent des améliorations qui peuvent avoir du sens mais sans développer les conditions d’implémentation et surtout, sans vision systémique. Par ailleurs, les gains estimés (Estimated savings) sont très optimistes voire peu réalistes d’après des tests que nous avons menés. Un exemple : les recommandations autour de la compression des images ne tiennent pas compte de la qualité perçue :

Que peut faire Fasterize pour améliorer les points signalés en rouge, et plus généralement le score Page Speed Insight ?

Comme vous le voyez dans les captures d'écran ci-dessus, les éléments de la liste apparaissent en orange ou en rouge s’ils sont à améliorer. 

Il peut s’agir de bonnes pratiques que vous devriez réellement appliquer, mais aussi de conseils que vous ne pourrez pas suivre puisque vous n’avez pas forcément la main sur les points à corriger. 

Cela reste aussi vrai pour nos clients qui bénéficient des optimisations automatiques de notre plateforme, car le périmètre de Fasterize ne couvre pas 100 % des points listés par Page Speed Insight.

Par exemple, si l’outil recommande d’optimiser les Third Parties, il n’est pas possible d’intervenir puisque ces scripts viennent d’éditeurs tiers et peuvent difficilement être optimisés par notre moteur.

Voici un récapitulatif de ce que Fasterize peut améliorer parmi les recommandations de Page Speed Insight liées à la web performance. Pour plus de détails sur les actions à mener, rendez-vous sur notre support.

Erreur Lighthouse Peut être corrigé par Fasterize
La page n'utilise pas le protocole HTTPS Oui
Ne redirige pas le trafic HTTP vers HTTPS Oui
La page actuelle ne retourne pas de code 200 en mode hors connexion Non
Le chargement de la page n'est pas suffisamment rapide sur les réseaux mobiles Peut-être
Reduce server response times (TTFB) Oui
Reduce JavaScript execution time Partiellement
Préchargez les demandes clés Oui, manuellement
Connectez-vous à l'avance aux origines souhaitées Oui, manuellement
Assurez-vous que le texte reste visible pendant le chargement des polices Web Oui
Diffusez des éléments statiques grâce à des règles de cache efficaces Oui
Évitez des poids de ressources trop lourdes Oui
Defer offscreen images Oui
Éliminez les ressources qui bloquent le rendu Partiellement
Réduisez la taille des ressources CSS Oui
Réduisez la taille des ressources JavaScript Oui
Supprimer les ressources CSS inutilisées Non
Diffusez des images aux formats nouvelle génération Non
Encodez les images de manière efficace Partiellement
Activez la compression de texte Oui
Dimensionnez correctement les images Oui, manuellement
Utilisez des formats vidéo pour le contenu animé Non
Évitez une taille excessive de DOM Non
La page n'utilise pas le protocole HTTP/2 pour toutes ses ressources Oui
La page n'utilise pas d'écouteurs d'événements passifs pour améliorer les performances de défilement Non
Le fichier robots.txt n'est pas valide Oui


Pour conclure, 2 points à retenir à propos de Page Speed Insight qui est un bon outil, mais…

  • les résultats sont à relativiser ;
  • rien ne remplace l’œil et l’avis d’un.e expert.e pour savoir quelles optimisations appliquer et comment !

Pour savoir concrètement comment Fasterize peut améliorer vos temps de chargement,
vous pouvez tout simplement nous demander une démo :

Demandez une démo