EasyHoster Mod PageSpeed Test – Hébergement PageSpeed optimisé SANS WP Rocket, grâce au PageSpeed Modules mod_pagespeed avec un score de 99% PageSpeed Mobile.

Allez plus loin

Ces textes n'ont pas d'importance…

Le test est en bas

Descendez dans la page pour voir la méthodologie ↓

PageSpeed

Un hébergement performant, quelques optimisations…

Les résultats

Résultats sur GTmetrix le 14 octobre 2022 :
Rang A, 100% de Performance, LCP de 480ms depuis London

Voir ce test sur GTmetrix ⤢
(créer un compte gratuit pour choisir un serveur de test Européen)

Résultats sur PageSpeed le 14 octobre 2022 :
Score 99/100 sur Mobile, LCP de 4G lente (Europe)

Tester ce site sur Google PageSpeed Insights ⤢
(si vous faites le test PageSpeed depuis l’étranger, utilisez un VPN Européen)

Les résultats peuvent varier, par exemple à cause de mises à jour WordPress récentes ou en fonction du serveur de test choisi sur GTmetrix et PageSpeed.

La méthodologie, avec PageSpeed Modules

En créant ce site, notre intention était de démontrer que la temps de chargement de WordPress, son score Google PageSpeed Insights ou son rang GTmetrix, ne dépendent pas uniquement de l’Hébergement Web, mais aussi de l’optimisation du site (thème, plugins, cache, etc).

Pour découvrir les étapes, lancez le diaporama en cliquant sur une image ci-dessous.
Ensuite, utilisez les flèches de défilement pour suivre toute l’histoire…

01/36 - Grâce au module WordPress Toolkit de l'Hébergement EasyHoster, le site de test "WP Rocket" peut facilement être cloné vers le sous-domaine mod-pagespeed.easyhoster.net

02/36 - WordPress Toolkit est un outil puissant et fiable, développé par les équipes de cPanel. Le clonage prend environ 3 minutes…

03/36 - Sans autre manipulation, notre sous-domaine se retrouve créé, avec un clone du précédent test speed.easyhoster.net. Ce 1er test était basé sur des optimisations WP Rocket. Ce second site est donc prêt à pouvoir accueillir nos tests du Mod PageSpeed sans WP Rocket.

04/36 - Nous désactivons WP Rocket en vue de le supprimer entièrement du site, pour le remplacer par une alternative gratuite, PageSpeed Modules.

06/36 - WP Rocket nous laisse généreusement ses optimisations “htaccess” pour les caches “navigateur” des fichiers statiques, les headers, etc. Pour ne pas fausser ce second test PageSpeed “sans WP Rocket”, nous supprimons ces optimisations développées par WP Rocket.

07/36 - Sans optimisation de performances, notre site de test hébergé par EasyHoster obtient un score de 75/100, assez éloigné du score de ~98 à 100/100 du test original optimisé à l'aide de WP Rocket.

08/36 - La suite de l'audit PageSpeed présente une série d'Opportunités d'optimisations. Elles concernent notamment un “TTFB lent” (typique sans plugin de “file cache”) et un manque d'optimisation des Assets (CSS/JS/Fonts…). À noter, 53 requêtes et 449 ko de transfert.

09/36 - Pour résoudre le problème de Temps de Réponse du site (TTFB), un plugin de “file cache” fait partie des indispensables. Nous choisissons “WP Super Cache”, un plugin gratuit et très “standard”, car développé par la société à l'origine de WordPress, Auttomatic.

10/36 - Dans les paramètres de WP Super Cache, quelques options recommandées peuvent être activées. C'est l'occasion de vérifier que le file cache est bien activé.

11/36 - Nous disposons d'un système de file cache élémentaire pour réduire le TTFB. Appliquons maintenant les optimisations PageSpeed Modules “de base” (CoreFilters), en activant simplement mod_pagespeed via le fichier htaccess.

12/36 - Ces 2 optimisations basiques nous permettent d'atteindre un score de 85/100. Cela fait déjà 10 points de gagnés.

13/36 - Défiler vers les Opportunités PageSpeed permet d'y voir clair sur les optimisations qui sont encore possibles pour s'approcher du 100/100 sur PageSpeed. Commençons par différer le chargement des images “hors écran” grâce au “Lazy Load”.

14/36 - Prenons le plugin “a3 Lazy Load”, car comme son nom l'indique, il ne gère “que” le Lazy Load, tout en proposant des options (pour les exclusions, etc). De son côté, un plugin moins “minimaliste” tel que Smush embarque de nombreuses autres options, en plus du Lazy Load.

15/36 - Activons donc ce plugin minimaliste qui ne gérera “que” le Lazy Load. C'est le bon moment de vérifier les options avancées de ce plugin. Plus de conseils sont données dans notre tutoriel « Mod PageSpeed », disponible sur le blog EasyHoster.

16/36 - Pour notre page, l'activation du chargement différé des images nous permet de gagner 3 points sur PageSpeed et réduit encore un peu plus le temps de chargement ressenti par les mobinautes avec -0,5s de LCP.

17/36 - L'activation du plugin de Lazy Load a fait disparaitre l'avertissement sur les images hors écran à différer. Notre page est de plus en plus légère au chargement, au fur et à mesure des optimisations. Il reste des opportunités que nous allons optimiser avec PageSpeed Modules, entre autres.

18/36 - Vous reconnaissez la première directive : “ModPagespeed on”. Elle servait à activer les filtres par défaut (CoreFilters). Plus bas, retrouvez l'impressionnante liste de filtres que nous avons choisi d'activer sur notre SpeedTest via ModPagespeedEnableFilters. Suite…

19/36 - Nous avons écrit un fichier .htaccess de base pour aider les utilisateurs EasyHoster à configurer PageSpeed Modules (dispo sur notre blog). Il contient des conseils, commentaires et “directives” à copier pour de bons résultats sur PageSpeed sans détériorer le site.

20/36 - Notre premier test PageSpeed Mobile au vert ! Score de 91/100, donc 3 points gagnés en activant la plupart des filtres avancés mod_pagespeed. Nous avons écarté quelques filtres (lazyload_images, defer_javascript…), pour confier ces optimisations spécifiques à des plugins gratuits qui font bien le job[…]

21/36 - Nous cherchons à tirer le maximum de PageSpeed Modules, en le complétant par des solutions open source ou du code perso, lorsque cela s'avère plus efficace. C'est ce que nous allons faire pour les opportunités restantes, en commençant par les width/height manquants dans les images.

22/36 - Belle trouvaille… d'après nos tests, le petit plugin “Specify Missing Images Dimensions” fait bien son travail. Il est gratuit, open source et téléchargeable librement depuis WordPress.org.

23/36 - Son avantage est de permettre facilement aux utilisateurs de configurer quelques exceptions. Par exemple, vous pourriez avoir besoin d'exclure une image spécifique de l'optimisation, comme le logo de votre site. Le plugin SMID rend cela facile.

25/36 - De plus, l'avertissement a bien disparu pour les éléments ne possédant par de largeur/hauteur spécifiques. Traitons maintenant l'avertissement sur les règles de cache efficaces pour les fichiers statiques. Ça se passe, encore une fois, dans le fichier htaccess.

26/36 - L'idée ici est de réincorporer manuellement des règles htaccess similaires à celles de WP Rocket. Celles ayant été nettoyées du htaccess manuellement, au début du test. Rejoignez le tutoriel EasyHoster “Mod PageSpeed”, pour pouvoir copier-coller ce code source.

28/36 - Le dernier avertissement critique (cf. règles de cache) a bien disparu ! Comment améliorer encore ce score PageSpeed Mobile de 93/100, sans autres Opportunités proposées par PageSpeed ? Pas de CLS à corriger ? Donc, réduisons encore les ressources nécessaires au chargement initial de la page…

29/36 - Une analyse de Network Waterfall (via Chrome, voir notre tutoriel), démontre que des fichiers .js sont chargés avec le HTML/CSS. La dernière carte “simple” à jouer pour réduire les ressources est de “Différer” (et si possible “Retarder“) le JavaScript et son exécution.

30/36 - Le plugin WP Meteor est spécialisé dans l'exécution du JavaScript après interaction de l'utilisateur (Delay JS), une fonctionnalité rare pour laquelle WP Rocket a de l'avance. WP Meteor offre la possibilité de charger le JS plus tôt (zero delay mode)…

31/36 - Comme illustré sur la capture d'écran, des Exclusions peuvent être ajoutées à WP Meteor, comme cela peut se faire via WP Rocket. Il s'agit ici d'un exemple, à titre d'information. Notre site de test est parfaitement compatible WP Meteor, sans ajouter d'exclusion (champ vide).

32/36 - Nous ne pouvons pas conclure sans vous parler de l'un de nos plugins de performance préféré : "Asset CleanUp". Il a définitivement sa place dans cette étude de cas "PageSpeed Modules", car son but premier est de "décharger les Assets CSS/JSS", entre autres.

33/36 - Par exemple, Asset CleanUp offre une excellente fonctionnalité de Defer JS, qui peut remplacer le defer_javascript de PageSpeed Modules (en cas de conflit ou pour profiter des avantages du Defer JS d'Asset CleanUp). À ne pas confondre avec le "Delay JavaScript" de Meteor : Defer vs Delay.

34/36 - Résultats finaux grâce aux “Defer” + “Delay JS” de Meteor + defer_javascript du mod_pagespeed (ou celui d'Asset CleanUp) : 99/100 lors de notre test du 12 octobre. Le chargement et l'exécution du JS en asynchrone nous fait gagner 6 points !

35/36 - Conclusion du test PageSpeed Modules : pour un score optimale sur mobile, il est nécessaire de réduire au maximum le nombre de requêtes et les données à transférer au chargement initial de la page. C'est la voie royale vers le score de 100/100 sur PageSpeed Mobile.

36/36 - Bravo ! Grâce à ces quelques “slides”, vous en savez plus que 99,99% des gens sur les Web Perfs. Envie d'aller encore plus loin ? N'hésitez pas à rejoindre la communauté des utilisateurs bénéficiant du Support EasyHoster. Travaillons et progressons ensemble… à bientôt !

Le Tutoriel sera bientôt publié sur le blog EasyHoster !

Très bientôt, le tutoriel de la méthode complète assistée par le Mod PageSpeed / sans WP Rocket sera publié sur le blog EasyHoster. Suivez-nous sur Facebook, LinkedIn ou Twitter pour en être tenu informé. Ensuite, si ce n’est pas déjà fait, découvrez le Test PageSpeed assisté par WP Rocket →

Hébergeur PageSpeed

Comment nous l’avons vu, obtenir un excellent score PageSpeed Mobile est réservé aux sites légers et/ou très bien optimisés.

Donc, qu’est-ce qu’un Hébergement PageSpeed, comme l’offre EasyHoster ?

EasyHoster, peut être considéré comme un “Hébergeur PageSpeed”, car ses solutions d’Hébergement Web offrent un TTFB permettant potentiellement d’obtenir un score PageSpeed Mobile de 100/100.
De plus, le service de support technique EasyHoster se tient à disposition de ses utilisateurs les plus exigeants, en tant que “conseiller” pour l’optimisation du score PageSpeed Mobile de leur site Web. Un service qui n’est pas proposé par les autres hébergeurs plus classiques, car celui-ci relève plus du développement du site, que de l’Hébergement Web.

Puisque tous les membres de l’équipe EasyHoster sont aussi des utilisateurs de WordPress, nous mettons nos compétences en commun pour offrir les meilleurs conseils d’optimisation PageSpeed Mobile, pour les meilleurs sites de nos clients 🍌

Donc, pour obtenir un avis supplémentaire sur les performances de votre site, n’hésitez jamais à rentrer en contact avec notre service après vente…

Contacter EasyHoster :

Ouvrir un ticket auprès du support technique EasyHoster →

← Revenir à l’étude assistée par WP Rocket

Vous êtes très exigeant sur l’optimisation des performances Web ?
Rendez-vous sur notre étude EasyHoster + WP Rocket, pour découvrir comment nous avons pu obtenir le score maximal sur PageSpeed.

D’après nos tests, WP Rocket est le meilleur Plugin d’Optimisation des Performances de WordPress, autant pour sa simplicité d’utilisation que les résultats obtenus pour l’amélioration du score PageSpeed.

Assistance WordPress

Toute notre équipe est formée aux rudiments de WordPress, donc pourquoi ignorer les questions de nos utilisateurs ?

Dépannage d'urgence 7j/7

Une erreur critique sur votre site WordPress ou Prestashop ? Vous êtes désespéré ? Faites part de cette urgence au support EasyHoster pour que nous puissions vous dépanner.

Optimisation de WordPress

Lorsque la plupart des hébergeurs web ignorent les demandes d’optimisation des sites développés avec WordPress, de son côté, EasyHoster souhaite donner son maximum pour le score PageSpeed Mobile de ses précieux clients.