Avec le temps, votre site WordPress devient de plus en plus lent, vous aurez plus de trafic surtout si vous n'avez pas un puissant hébergement.
Sans oublier le nombre de plugins que vous installez pour améliorer et l'apparence de votre site ou pour ajouter de nouvelles fonctionnalités à votre site.
En fait, j'ai eu le même problème avec Easytutoriel, le site roulait très lentement, et pour cela j'ai fait des recherches pour plus de deux jours...
Vous allez découvrir dans ce tutoriel comment optimiser votre site WordPress au maximum et le rendre rapide en terme de chargement de pages !
Le Cloudflare est un service qui sert à optimiser la performance et la sécurité de votre site à +200% et vous allez voir la différence
Allons-y !
Booster votre site WordPress
W3 Total Cache :
W3 Total cache est l'un des plugins les plus connus au niveau de l'optimisation de la navigation de votre site web en activant plusieurs options de cache (JS, CSS, HTML).
Avant de commencer, faites un test !
Je vous recommande avant de commencer d'utiliser l'un des deux outils suivants :
- Google Page Speed : https://developers.google.com/speed/pagespeed/insights
- Gtmetrix : http://gtmetrix.com/
Il suffit de mettre le lien de votre site dans la case texte et valider pour obtenir les résultats.
Gardez le lien de la page des résultats pour des prochaines comparaisons
Installer W3 Total Cache :
W3 Total Cache est le plus le plus puissant en terme d'optimisation de votre site web WordPress, il ne sert pas seulement à activer le cache mais ajoute d'autre fonctionnalités et supporte plus autre plugins.
Pour installer le plugin cherchez tout simplement dans la page d'ajout des extensions le nom "w3 total cache" puis validez la recherche.
Installez-le puis activez-le
Ouvrez ensuite la page "General Settings".
Activez le "Page Cache" et vérifiez que la méthode utilisée est la même que dans l'image.
Même chose pour "Database Cache", "Browser Cache" et "Object Cache".
Cliquez sur "Save all settings".
Ouvrez ensuite la page "Page Cache".
Cochez les cases dans l'onglet General comme dans l'image ci-dessous.
Cliquez sur "Save all settings".
Dans cache load, cochez "Automatically prime the page cache" et vérifiez la valeur Update interval, sans oublier de mettre le lien vers le fichier Sitemap.XML (plugin : Google XML sitemap).
Cliquez sur "Save all settings".
Puis ensuite dans "Browser Cache".
Cochez les valeurs comme dans l'image ci-dessous.
Cliquez sur "Save all settings".
Dans l'onglet "CSS & JS" faites comme dans l'image ci-dessous.
Cliquez sur "Save all settings".
Activer le CDN/CloudFlare :
Pour s'inscrire sur CloudFlare et profiter de la vitesse maximale ouvrez cette page : https://www.cloudflare.com/sign-up
Remplissez les cases puis validez en cliquant sur "Create account".
Mettez le nom de domaine de votre site et cliquez sur "+ Add website".
Attendez quelques secondes...
Cliquez sur le bouton "Continue".
Ne changez rien, cliquez sur "I've added all missing records, continue".
Sélectionnez les options comme ce que j'ai fait puis cliquez sur "Continue".
Copiez les serveurs DNS et modifiez les sur l'administration de votre domaine.
Puis cliquez sur "I've updated my nameservers, continue".
Et voilà !
Retournez sur votre tableau de bord, en bas, dans "Network Performance & Security powered by CloudFlare".
Puis cliquez sur "find it here".
Copiez le code API.
Remplissez les cases comme il le faut puis cliquez sur "Save all settings".
Bonus : Minimisez la tailles de vos images !
Vous pouvez minimiser la taille des vos images en utilisant le plugin : WP Smush.it !
Installez-le comme d'habitude...
Après l'activation, ouvrez la page "Bulk Smush.it" pour optimiser toutes les images déjà uploadés sur Médias.
Résultat !
Voici le test sur le site GTmetrix.com !
Et voilà !
Si vous avez des questions n'hésitez surtout pas
Merci pour le tuto Soufiane. C'est vraiment du bon boulot
Bonsoir Soufiane et toute l'équipe,
Merci pour le mail d'avertissement, j'essayerai ça dès que possible (toujours aussi précis et didactique). Je voudrais apporter ma pierre à l'édifice en te parlant de NginX qui remplace avantageusement Apache2 (presque 2 fois plus rapide). L'équipe doit déjà le savoir mais au cas où ? Il y a même un WEMP (Windows, EngineX, MySql, Php) qui existe pour le développement local et c'est téléchargeable à l'adresse http://winginx.com/download . Sous Linux, il faut se palucher l'install console, mais une fois installé c'est de la balle ... Ca marche super vite ! Un petit tuto, dont tu as le secret, ne serait-il pas le bienvenu ???
Merci encore et @ bientôt.
Bonjour,
cette solution semble intéressante.
Est-ce qu'il y a des réglages particuliers à appliquer lorsqu'on utilise un plugin comme Woocommerce ?
Bonsoir Soufiane et toute l'équipe,
Je viens de m'abonner à votre super site. Je suis un vieux débutant de l'informatique et ce téléchargement est simplement un test. J'attends avec impatience le tuto sur wordpress ... Il me plairait vraiment de créer un site sur la musique ... J'ai parcouru le site avec grand intérêt ... C'est vraiment un travail phénoménal ... Merci pour le partage ! @ bientôt pour d'autres aventures
Bonjour
Merci pour ce tutoriel, Je suis un FUN de votre Blog et je vais essayer cette méthode.