Bookuria.info est un site dédié aux amateurs de livres où vous pouvez trouver des actualités, des éditoriaux sur la scène culturelle ainsi que de nouvelles promotions et réductions d'éditeurs de livres.
Bogdan, le propriétaire, nous a choisi pour voir si nous pouvions rendre son site internet plus rapide, ce qui était le principal mécontentement de l'ancien hébergeur.
Voyons ce que nous avons fait !
Audit de performance
Avant, le site Web avait une charge moyenne de 4,78 secondes, la taille de la page était de 2,5 Mo et le nombre de requêtes était de 125.
Parmi les composants de la page :
- 37 JS – 627,6 K
- 17 CSS – 109,1 Ko
- 14 images CSS – 151 Ko
- 31 images – 1640,5 Ko
Le score Google PageSpeed Insights était de 73/100 et les principales recommandations étaient :
- réduit le temps de réponse du serveur (actuellement 1,5 seconde)
- optimiser les images
Un test de performances des plugins installés et activés sur le site montre que le plugin Simple Share Buttons Adder a un impact négatif sur la vitesse de chargement :
- impact du plugin : 74,4%
- Temps de chargement du plugin : 2,160 secondes
Après avoir désactivé ce plugin et retesté, les chiffres semblent bien meilleurs :
- impact du plugin : 30,8%
- temps de chargement du plugin : 0,320 sec
Un autre facteur qui affecte négativement les performances du site est le thème utilisé. Le temps nécessaire pour charger le thème est de 1,22 seconde, contre 0,32 seconde pour charger les plugins.
Le thème a un problème très courant dans les thèmes WordPress premium : essayer d’offrir trop d’options et donc charger un grand nombre de fichiers JS et CSS.
La plupart des options ne sont pas utilisées dans la « vraie vie » et les performances du site en souffrent.
Le thème charge 34 fichiers JS et beaucoup sont inutiles.
Il existe 3 fichiers Google Maps JS totalisant 199,6 Ko et nous n'avons jamais vu leur utilisation nulle part sur le site. Même si nous voulions placer une carte quelque part, cela peut être fait avec iframe, nous n'avons pas besoin d'autant de fichiers JS.
Il existe des fichiers JS pour charger les polices Google (39,1 Ko), ce qui est une méthode très inefficace, une bibliothèque de polices Google en a 0,3 Ko et se charge assez rapidement.
Il y a des fichiers JS qui ne nous font rien : par exemple, Syntax Highlighter, inutile sur ce site en particulier.
Le thème fonctionne avec timthumb.php pour créer des vignettes. WordPress sait créer des vignettes, vous n'avez pas besoin d'un autre script PHP pour le faire à votre place.
Un autre problème avec timthumb.php est qu'il interrompt le Lazy Load et que la vitesse de chargement du site en souffre.
Optimisation effectuée
- images optimisées
- remplacement des plugins par des problèmes avec d'autres plugins offrant des fonctionnalités similaires mais plus légers
- suppression des plugins redondants et inactifs
- identifié les lignes de code thématiques qui chargeaient les fichiers JS inutiles et nous les avons supprimés
- implémenté un cache de pages + un cache de base de données
- WordPress mis à jour vers la dernière version
- mis à jour tous les plugins actifs vers les dernières versions.
Résultats
Un nouveau test réalisé avec Pingdom Tools montre une vitesse moyenne de 2,72 secondes, une bonne amélioration par rapport à 4,78 secondes.
PageSpeed Insights nous donne une note de 85/100, une belle amélioration par rapport à la note initiale de 73/100.
Le nombre de fichiers JS est tombé à 21 pour un total de 334,4K par rapport aux 37 initiaux totalisant 627,6K.
Malheureusement, le thème WordPress tire le site assez durement. Quelle que soit la façon dont nous optimisons et la vitesse du serveur, les visiteurs doivent toujours télécharger 2 Mo d'informations car Lazy Load ne fonctionne pas à cause de timthumb.
La principale recommandation ici est de remplacer le thème par un thème qui ne charge pas autant de fichiers JS et n'utilise pas timthumb.php.
Cela pourrait réduire le temps moyen de chargement du site Web à environ 1 à 1,5 secondes.
Laisser un commentaire