Étude de cas – optimisation du blog

1923.ro est un site de fans dédié au club de football Rapid Bucarest. Vous pouvez trouver des nouvelles et des mises à jour sur l'équipe, des interviews avec certains joueurs et vous pouvez également acheter fait par un éventail des tee-shirts.

Dragos (le propriétaire du site) a opté pour notre solution d'hébergement pour voir si nous pouvions résoudre certains problèmes qu'il avait avec ce blog, à savoir l'apparition de l'écran blanc, ce qu'on appelle WSOD (écran blanc de la mort) qui se produit assez fréquemment lorsque en utilisant WordPress.

L’écran blanc de la mort de WordPress peut être le résultat de plusieurs choses :

• WordPress atteint la limite de mémoire allouée à un PHP scénario
• plugin ou thème mal écrit
• un problème avec les paramètres du serveur
• caractères indésirables dans le thème function.php ou wp-config.php

Voyons comment nous avons aidé nos amis footballeurs à avoir un blog WordPress sans erreur et plus rapide.

Avant

Avant de passer sur nos serveurs, le blog se chargeait en 3,6 secondes en moyenne, contenait 108 requêtes et une taille de page d'environ 3 800 Ko, dont 3 404,5 Ko d'images.

Google Page Speed ​​​​Insights a donné un Note de 80/100 avec les recommandations suivantes présentées :

• optimiser les images
• supprimer Javascript et CSS bloquant le rendu dans le contenu au-dessus de la ligne de flottaison
• réduit le temps de réponse du serveur à moins de 200 ms

Il était clair que les images constituaient le principal problème, mais le serveur qui hébergeait le blog n'était pas non plus le meilleur.

Optimisation des blogs

Nous avons recherché des images à très haute résolution, les avons redimensionnées et avons utilisé le plugin Smushit pour optimiser toutes les photos du site.

Nous avons implémenté Lazy Load – un plugin WordPress qui charge progressivement les images, qui s'affichent uniquement lorsque l'utilisateur fait défiler.

Désormais, au lieu de charger 3 Mo de photos, il ne s'agit que d'environ 780 Ko.

Nous avons implémenté une combinaison de cache de pages et de cache de base de données pour que WordPress fonctionne moins, consomme moins de ressources, serve les pages plus rapidement et puisse supporter un trafic plus élevé.

Après

Après avoir optimisé les images, défini le chargement différé et la mise en œuvre du cache, nous avons amélioré la vitesse de chargement du blog à 1,4 seconde contre 3,60 secondes comme elle l'était initialement.

Un nouveau test Google PageSpeed ​​Insights affiche un score de 92/100.

Autres recommandations

Affichez des extraits et une vignette au lieu des articles complets sur les pages d'archives.

Cela rendrait les pages plus petites (en termes de Ko).

Un autre problème est lié au plugin Facebook, un plugin qui ajoute certaines fonctionnalités sociales au site et qui a un impact négatif – 90,6 % sur la vitesse de chargement du site.

Nous pensons que ce plugin générait les erreurs mais, malheureusement, presque tous les plugins ajoutant des commentaires Facebook que nous avons testés ont eu un impact négatif sur les performances (certains moins, d'autres plus).

En règle générale, d’après notre expérience personnelle avec les plugins de commentaires, il est préférable de s’en tenir aux commentaires par défaut de WordPress – cela n’a peut-être pas fière allure, mais au moins cela ne sabote pas votre site Web.

Il y a une optimisation plus approfondie à faire, comme la suppression du Javascript et du CSS bloquant le rendu dans le contenu au-dessus de la ligne de flottaison. Si vous créez votre site Web avec une approche minimaliste et que vous ne le surchargez pas, cela ne fait pas beaucoup de différence, mais dans certains cas, cela vaut peut-être la peine de le mettre en œuvre.

C'est à peu près tout. Si vous avez besoin d’un audit de performance et d’une optimisation, veuillez nous contacter.