Parfois, les projets les plus frustrants s’avèrent être ceux qui perfectionnent le plus mes compétences.
C’est exactement ce que j’ai ressenti lorsque j’ai reçu une demande urgente de Win Equipment au cours d’un week-end. Ils avaient besoin d’aide pour déplacer leur site Web de l’ancien hébergement CloudNow vers l’hébergement partagé Niagahoster.
La migration aurait dû prendre moins d’une heure, mais ce court projet est devenu plus difficile que prévu. Le fichier de sauvegarde était assez volumineux, l’ancien hébergement n’avait pas d’accès SSH, la compression de la sauvegarde dans le répertoire public_html a échoué à plusieurs reprises et la vitesse de téléchargement était également lente.
Au final, j’ai réussi à déplacer le site Web avec succès le même jour. Cela a donné à Win Equipment l’occasion de demander ce qui pourrait être amélioré sur son site.
Lors d’une réunion en ligne, j’ai expliqué que le site Web était lent, présentait plusieurs problèmes techniques de référencement et que le contenu n’était pas bien optimisé.
Dans le but d’améliorer l’expérience utilisateur et les performances SEO, Win Equipment a décidé d’entamer un processus d’amélioration progressive, en commençant par la vitesse de chargement du site Web.
C’est devenu le début d’une transformation plus complète : passer à GeneratePress Premium, passer de WPBakery à Blocks, réduire les plugins inutiles et déplacer l’hébergement vers un VPS avec une optimisation appropriée. Ensemble, ces étapes ont apporté une amélioration majeure à la stabilité et aux performances du site.
Avez-vous déjà attendu trop longtemps le chargement d’un site Web, puis fermé l’onglet et cherché une alternative ? C’est ce qui arrive souvent aux visiteurs sur des sites Web lents.
Win Equipment était confronté à un sérieux problème de vitesse. Leurs scores PageSpeed Insights n’étaient que de 27 sur mobile et de 36 sur ordinateur, et le site échouait à Core Web Vitals. Le site Web a tout simplement mis trop de temps à se charger.
Il ne s’agissait pas seulement d’un problème d’expérience utilisateur. Elle a également eu un impact majeur sur plusieurs domaines clés :
1. Expérience utilisateur
2. Référencement
3. Conversion et rétention
Comprendre pourquoi la vitesse est importante était la première étape. Après cela sont venus les correctifs techniques.
J’ai commencé par un audit de performance complet pour identifier chaque problème affectant la vitesse du site Web. Cette analyse couvrait le thème, les plugins inutiles, le code inefficace et la configuration d’hébergement non optimale.
J’ai appliqué plusieurs stratégies principales pour atteindre l’objectif du projet :
J’ai changé le thème du site Web de Structure à GeneratePress Premium. Je l’ai choisi parce que GeneratePress est extrêmement léger et axé sur la vitesse. J’utilise ce thème sur tous mes propres sites Web et projets clients.
J’ai reconstruit toutes les pages à l’aide de GenerateBlocks et GeneratePress, y compris la page d’accueil, les pages, les pages de boutique, les pages de produits uniques, les articles de blog et les pages d’archives.
Cette approche a réduit l’utilisation du plugin et supprimé le code inutile, rendant le site Web plus léger et plus rapide.
L’un des points forts de Blocks est la fonctionnalité de modèle, qui vous permet de synchroniser des blocs sur plusieurs pages. Lorsqu’un modèle est mis à jour, la modification s’applique automatiquement partout où ce modèle est utilisé.
J’ai réduit le nombre de plugins de 43 à 19, en ne gardant que les plugins réellement nécessaires. Cela a réduit la charge du serveur et a aidé le site Web à se charger plus rapidement.
Pour améliorer encore davantage la vitesse, j’ai appliqué plusieurs optimisations supplémentaires :
Suppression des CSS et JavaScript inutilisés : utilisation d’outils tels que Asset Manager et Debloat pour identifier et supprimer les actifs inutilisés.
Mise en cache au niveau du serveur : utilisation du cache FastCGI pour stocker des copies de pages dynamiques et réduire la charge du serveur.
Optimisation PHP-FPM : ajustement de la configuration PHP-FPM pour améliorer les performances de traitement PHP.
Passage du plugin slider de Revolution Slider à une option plus légère et plus rapide, Smart Slider 3.
J’ai déplacé le site Web d’un hébergement mutualisé vers un VPS en utilisant une pile LEMP : Linux, Nginx, MySQL et PHP. Cela a donné de bien meilleures performances et un meilleur contrôle sur la configuration du serveur. J’ai également créé des scripts bash pour la sauvegarde et la restauration automatiques, et fourni des environnements de transfert et de développement.
Le système de sauvegarde ressemblait à ceci :
Lorsqu’une restauration est nécessaire, le client peut choisir parmi les fichiers de sauvegarde disponibles, notamment des sauvegardes quotidiennes, hebdomadaires, mensuelles et manuelles, à l’aide d’une seule commande de terminal. Le processus de restauration est très rapide et prend généralement moins de 5 minutes.
Installation de Ninja Firewall : j’ai installé Ninja Firewall pour aider à protéger le site Web contre les menaces de sécurité et je l’ai configuré pour qu’il corresponde à la configuration du serveur VPS.
Sécurité supplémentaire au niveau du serveur : j’ai également appliqué un renforcement supplémentaire sur Nginx, MariaDB, PHP et le pare-feu pour une protection plus renforcée.
L’amélioration des performances a été significative :
| Métrique | Avant l’optimisation | Après optimisation | Amélioration (%) |
|---|---|---|---|
| Score PageSpeed mobile | 27 | 92 | 240,74% |
| Score PageSpeed sur ordinateur | 36 | 99 | 177,78% |
Un chargement plus rapide des pages a offert aux visiteurs une meilleure expérience et un taux de rebond réduit.
Une sécurité améliorée a rendu le site Web plus sûr contre les menaces externes grâce aux étapes de renforcement.
Une meilleure efficacité opérationnelle est venue d’un nombre réduit de plugins et d’une optimisation du serveur, ce qui a réduit la charge du serveur et amélioré la stabilité.
J’ai également appliqué des optimisations supplémentaires pour améliorer d’autres mesures, notamment l’accessibilité, les meilleures pratiques et le référencement.
Si votre site Web est lent, prend trop de temps à charger ou présente des problèmes techniques de référencement, nous pouvons vous aider.
Découvrez comment notre stratégie d’optimisation peut améliorer considérablement la vitesse de votre site Web, l’expérience utilisateur et la visibilité SEO.
Vous pouvez explorer l’optimisation de la vitesse WordPress ou discuter de travaux de développement de sites Web plus larges si votre site utilise toujours un constructeur de pages lourd.
Sites vitrines, pages d’atterrissage et sites professionnels orientés contenu.
Mises à jour, sauvegardes, surveillance de la sécurité et suivi des performances.
Passez à une base statique plus rapide sans perdre les contenus importants.
Fondateur de Harun Studio, développeur web, blogueur et spécialiste de l’hébergement. Il aide les entreprises à construire des sites plus sains grâce au design, au développement et à la maintenance à long terme.
Découvrez d’autres conseils directement liés à ce sujet.
Une étude de cas de Muslimadani.id : d'un site Web lent à une boutique en ligne plus rapide et plus prête à la conversion grâce à un audit des goulots d'étranglement, une optimisation technique et une migration de l'infrastructure.
Lire l’article
ÉTUDES DE CAS Une étude de cas sur PT Zumatic : performances améliorées de 53 à 93 sur mobile et de 81 à 100 sur ordinateur de bureau grâce à un audit technique, une optimisation des performances WordPress et un flux de travail de contenu beaucoup plus simple.
Lire l’article
ÉTUDES DE CAS Une étude de cas RWB Auto Shop : une refonte de la caisse WooCommerce basée sur Fluid Checkout Lite ainsi que PHP, JavaScript et CSS personnalisés pour une expérience de paiement plus premium.
Lire l’article