La rapidité des sites est devenue une priorité pour les éditeurs sur le web. Malheureusement, l’identification de la cause première de ce qui ralentit réellement un site web et de ce qu’il faut faire pour y remédier est un casse-tête, même pour les développeurs les plus chevronnés. Les outils populaires d’analyse de la vitesse des sites fournissent souvent des scores composites et des recommandations générales, mais ils n’apportent généralement pas les nuances ou l’orientation nécessaires pour apporter des corrections significatives.

La motivation pour une vitesse de site plus rapide provient de l’attention récente portée par Google à ce sujet. Alors que l’équipe de recherche de Google a déclaré à plusieurs reprises que le plus important pour les éditeurs est de faire en sorte que leurs sites web soient perceptibles et rapides pour l’expérience réelle de l’utilisateur, l’introduction de la Core Web Vitals dans le rapport sur l’expérience des utilisateurs de Chrome (données CrUX) ajoute encore une autre couche peu pratique à la gestion de la vitesse du site pour le référencement ; même si Google a récemment reculé sur ce point.

Qu’est-ce qui ralentit réellement les sites web ?

Perfectionner les scores de vitesse des sites, en particulier pour ceux qui monétisent avec des annonces, est devenu une quête légèrement frustrante pour de nombreux éditeurs de sites web.

Même si Google prône un site rapide, le script même utilisé par Google Analytics a un impact négatif sur le temps de chargement du site. De plus, l’écosystème des annonces affichées est dominé par les produits publicitaires de Google (AdX et AdSense).

Ce que les éditeurs ne réalisent pas souvent, c’est que certains concessions mutuelles sont nécessaires sur toute page de site web lorsqu’il s’agit de vitesse. Ci-dessous, nous allons passer en revue une série d’outils, de produits et de cadres populaires ajoutés à une page blanche hébergée par un hébergeur populaire, Bluehost, pour voir comment les technologies courantes – et nécessaires – des sites web influencent la vitesse des sites web.

Publicités de test de vitesse, outils populaires et cadres de travail sur une page blanche

Nous allons tester divers éléments de page sur une page HTML vierge pour voir comment cela affecte le score de Google PageSpeed Insights. Comme il s’agit de l’un des outils de test les plus populaires, nous avons décidé de l’utiliser pour tous les tests.

Comment nous avons fait le test…

Hôte: Bluehost

Cadre: Page HTML vierge en dehors du cadre WordPress (téléchargement du fichier de la page en utilisant SFTP)

Elements: Les éléments ont été ajoutés à une page HTML vierge et ont reçu leur propre URL pour le test

Résultats des tests…

1. Page blanche

blank html pagespeed

score de vitesse du site web

PageSpeed Insights score : 98

Recommandations de vitesse : Pas de recommandation

Page description: Celle-ci est assez explicite. Mais, une page HTML vierge a obtenu un score de 98, un score presque parfait pour la vitesse des téléphones portables.

2. Page blanche + image

impact de l'image sur la vitesse du site

PageSpeed Insights score : 92

Recommandations de vitesse : « Maintenir le nombre de demandes à un niveau bas ». L’image était déjà compressée, mais cette image a nécessité 4 requêtes au total du serveur d’origine.

Description de la page : Ne possédez qu’ une image sur une page HTML vierge a fait baisser le score de 8 points. N’oubliez pas que cette page vierge testée est une page sans cadre de système de gestion de contenu, sans widgets / plugins, sans contenu textuel, etc.

3. Page blanche + image + script Google Analytics

does google analytics slowdown website

PageSpeed Insights score : 86

Recommandations de vitesse : En plus des recommandations précédentes sur notre page avec juste une image, PageSpeedInsights nous recommande maintenant de supprimer ou de différer tout javascript bloquant le rendu. Dans ce cas, Google Analytics doit être appelé au chargement de la page pour que nous puissions suivre la session, de sorte que l’appel à gtag.js (Google) doit se produire au chargement de la page.

Description de la page : Une page HTML vierge avec une image et un script Google Analytics dans le code <head> du site web.

4. Page blanche + image + Google Analytics + pixel Facebook

google analytics and facebook pixel slowing down website

PageSpeed Insights score : 79

Recommandations de vitesse : Dans ce cas, Google me demande simplement de supprimer le javascript inutile et de servir les ressources en utilisant une politique de cache statique. L’image n’est pas mise en cache, mais les js de Google Analytics et le pixel Facebook sont « nécessaires » pour de nombreux éditeurs et ces recommandations ne sont pas applicables.

Description de la page : Une page HTML vierge avec une image qui inclut un pixel de suivi de l’audience Facebook et un script Google Analytics dans le code <head> du site web..

5. Page blanche + pixel FB + GA + image + code Jquery

tracking pixels website speed

PageSpeed Insights score:

81

Recommandations de vitesse : Tandis que le score moyen de ce test est légèrement supérieur pour une raison quelconque, Google a ajouté la recommandation de « réduire l’impact » du javascript tiers. Dans le cas présent, ce script est le code de suivi de Google et de Facebook. L’appel JQuery reçoit le même drapeau « éliminer les ressources bloquant le rendu » que celui que nous avons vu précédemment dans d’autres tests. Malheureusement, pour la plupart des sites, JQuery est nécessaire pour charger leur thème ou les fonctionnalités nécessaires du site.

Page description : Une page HTML vierge avec une seule image et des codes de suivi Facebook/Google ainsi qu’un appel JQuery extrêmement courant qui est requis par la plupart des sites Web WordPress.

6. Page blanche + image + publicité automatique AdSense

adsense slows site down

PageSpeed Insights score: 70

Recommandations de vitesse : Google nous dit de supprimer le javascript inutile et d’éliminer les ressources bloquant le rendu. Ceci vise uniquement le script AdSense et constitue une recommandation présente sur chaque site web affichant des annonces (à moins que le site ne cache potentiellement des annonces à Google, ce qui est considéré comme contraire aux meilleures pratiques).

Description de la page : Avec l’ajout des publicités automatiques Adsense, le HTML vierge avec seulement une image fait chuter le score à 22 points (cette page sans code AdSense était de 92 ci-dessus).

7. Page blanche + FB Pixel + GA + Jquery + AdSense Auto Ads

website slowed by google

PageSpeed Score : 51

Recommandations de vitesse : Les recommandations sont toutes les mêmes pour chaque élément individuel fourni ci-dessus.

Description de la page : C’est une page assez dépouillée pour à peu près n’importe quel éditeur. Une page HTML ordinaire avec un seul adscript de réseau publicitaire, une seule image et un code de suivi Google Analytics. Pourtant, le score est à peine supérieur à 50 selon Pagespeed Insights.

7. Page blanche + pixel FB + JQuery + Vidéo

cls an cwv for google speed

PageSpeed Insights score: 53

Recommandations de vitesse : La seule nouvelle recommandation est de supprimer les CSS inutilisés qui sont utilisés pour afficher mon lecteur vidéo dans le navigateur du visiteur. Il n’y a pas de CSS qui peut être supprimé ici en réalité sans ruiner la façon dont ma vidéo s’afficherait pour les utilisateurs finaux.

Description de page : L’ajout d’une vidéo YouTube intégrée à cette page a permis de ramener le score en dessous de 60 sans afficher de publicités.

8. Page blanche + FB pixel + JQuery + Video + Adsense Auto Ads + Google Analytics

les éléments vitaux du web touchés par les publicités

Recommandations de vitesse : Pas de nouvelles recommandations, juste une liste de toutes les autres ci-dessus que nous avons décomposées.

Page description : Il est clair que, même sans thème ou cadre WordPress, les éléments ajoutés ensemble font encore baisser le score de PageSpeed aux environs de 40. Le code de publicité automatique AdSense semble être celui qui pèse le plus sur le score lui-même. C’est pourquoi tant d’éditeurs qui utilisent les annonces d’affichage pour la monétisation essaient de contrecarrer les faibles scores avec des outils d’optimisation qui sont largement inefficaces dans de nombreux cas en raison de leur incapacité à empêcher un appel extérieur (requis pour les annonces).

Conclusion

Les éditeurs disposant d’un système de gestion de contenu tel que WordPress, d’un thème, plus tous les autres éléments que nous avons ajoutés à la page blanche ci-dessus, vont tous se battre pour les scores de vitesse du site dès le départ. En particulier ceux qui dépendent des publicités affichées pour leur principale source de revenus.

Pour les éditeurs qui s’inscrivent à Ezoic, vous pouvez garder votre site monétisable et rapide en utilisant une combinaison de notre version gratuite de Site Speed Accelerator et des outils de mise en cache. Ces outils offrent des fonctionnalités immédiates pour accélérer un site web au-delà des scores indiqués ci-dessus. En outre, nous avons même créé une version avancée de l’accélérateur de site Accélérateur de site qui remplace des tonnes d’outils d’optimisation de la vitesse coûteux qui ne sont pas à la hauteur pour une fraction du coût pour les sites qui veulent avoir les meilleurs scores de vitesse possibles (même en affichant des publicités).

Avez-vous des plugins, widgets ou autres éléments sur votre page qui font baisser votre score de vitesse ou votre vitalité Web de base ? Faites-le moi savoir dans les commentaires.