Codes pour accélérer la vitesse de WordPress sur un serveur mutualisé
Dès lors que l’on créé un site WordPress, une des premières choses que l’on souhaite c’est l’accélérer.
Premièrement parce que c’est plus agréable pour les visiteurs d’avoir un site qui affiche rapidement ses pages (un chargement rapide permet de réduire le taux de rebond et augmenter le nombre de pages visitées) et deuxièmement parce que Google prend de plus en compte la vitesse d’affichage d’un site pour établir son classement dans le moteur de recherche: C’est donc un point capital en matière de référencement (SEO).
Mais pourquoi cela est difficile sur un serveur mutualisé ?
Je vous donne la définition Wikipédia:
Créer facilement et gratuitement vos pages de vente, de capture ou de paiement en quelques minutes, des dizaines de templates disponibles…
L’hébergement mutualisé est un mode d’hébergement Internet destiné principalement aux sites web, dans un environnement technique dont la caractéristique principale est d’être partagé par plusieurs utilisateurs.
C’est donc un serveur et une bande passante limitée partagée entre plusieurs sites et plusieurs utilisateurs au même temps.
Son avantage est son prix très réduit, seulement quelques euros te permettront d’héberger un site WordPress.
Pour accélérer wordpress surtout sur un serveur mutualisé, il faut activer la mise en cache dans votre navigateur internet, des fichiers images, CSS et JS pour limiter le nombre de requêtes envoyées à votre serveur et réduire la bande passante utilisée.
Le code qui suit activera donc la compression Gzip (accélérer le temps de chargement) via Deflate, les Expire headers (fichiers en cache pendant une durée déterminée), la désactivation de l’Etag (réduire encore le nombre de requêtes).
Enfin, l’avant dernier bout de code permettra la compression des images au format jpeg servant d’illustration dans vos posts et/ou pages, le réglage proposé ici est une compression de 30%.
Et le tout dernier code supprime les QueryString pour les ressources sur votre serveur permettant ainsi de vraiment mettre en cache tous les fichiers CSS et JS. Petit bonus, une ligne de code pour éviter que wp-cron ne soit exécuté sur chaque chargement de page et ne surcharge pour rien votre serveur.
Les codes pour accélérer la vitesse de chargement WordPress
1. Code pour activer le cache du ficher wp-config.php de WordPress:
1. Pour activer le script de cache natif de WordPress, ouvrez le fichier « wp-config.php » sur votre FTP.
2. Coller le code suivant et cliquer sur « Enregistrer« .
define(‘WP_CACHE’, true);
2. Modifier le fichier .htaccess pour accélérer WordPress:
1. Pour activer la mise en cache et la compression, ouvrez le fichier « .htaccess » sur votre FTP.
2. Coller le code suivant et cliquer sur « Enregistrer« .
# MOD_DEFLATE COMPRESSION
SetOutputFilter DEFLATE
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/x-httpd-php
#Pour les navigateurs incompatibles
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
#ne pas mettre en cache si ces fichiers le sont déjà
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip
#les proxies doivent donner le bon contenu
Header append Vary User-Agent env=!dont-vary
# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault “access plus 7200 seconds”
ExpiresByType image/jpg “access plus 2592000 seconds”
ExpiresByType image/jpeg “access plus 2592000 seconds”
ExpiresByType image/png “access plus 2592000 seconds”
ExpiresByType image/gif “access plus 2592000 seconds”
AddType image/x-icon .ico
ExpiresByType image/ico “access plus 2592000 seconds”
ExpiresByType image/icon “access plus 2592000 seconds”
ExpiresByType image/x-icon “access plus 2592000 seconds”
ExpiresByType text/css “access plus 2592000 seconds”
ExpiresByType text/javascript “access plus 2592000 seconds”
ExpiresByType text/html “access plus 7200 seconds”
ExpiresByType application/xhtml+xml “access plus 7200 seconds”
ExpiresByType application/javascript A259200
ExpiresByType application/x-javascript “access plus 2592000 seconds”
ExpiresByType application/x-shockwave-flash “access plus 2592000 seconds”
</IfModule>
#complement a expire-headers
<IfModule mod_headers.c>
<FilesMatch “\\.(ico|jpe?g|png|gif|swf)$”>
Header set Cache-Control “max-age=2592000, public”
</FilesMatch>
<FilesMatch “\\.(css)$”>
Header set Cache-Control “max-age=604800, public”
</FilesMatch>
<FilesMatch “\\.(js)$”>
Header set Cache-Control “max-age=216000, private”
</FilesMatch>
</IfModule>
# END Expire headers
# KILL THEM ETAGS
Header unset ETag
FileETag none
3. Code pour Compresser les images dans WordPress:
Les images prennent de plus en plage de poids sur nos pages web, cela à une grande influence sur la vitesse de chargement de votre site wordpress. Pensez toujours à compresser vos images qui alléger le poids de vos pages.
1. Pour compresser les images de vos articles, ouvrez le fichier « functions.php » sur votre FTP.
2. Coller le code suivant et cliquer sur « Enregistrer« .
add_filter('jpeg_quality', function($arg){return 70;});
4. Supprimer les Query String dans WordPress:
1. Pour supprimer les Query String, ouvrez le fichier « functions.php » sur votre FTP.
2. Coller le code suivant et cliquer sur « Enregistrer« .
function remove_style_and_script_version($url) { $MY_DOMAIN='supermarketeur.com'; $pos= strpos($url, $MY_DOMAIN); if ($pos === false) { //otherwise return the URL as is return $url; } else { //if it is one of the URLs to process, remove everything after the question mark $parts = explode('?', $url); return $parts[0]; } } add_filter('script_loader_src', 'remove_style_and_script_version', 20, 1); add_filter('style_loader_src', 'remove_style_and_script_version', 20, 1);
3. Remplacer l’adresse URL en rouge par celle de votre site.
5. Desactiver le CRON natif de WordPress:
1. Pour désactiver les tâches Cron, ouvrez le fichier « wp-config.php » sur votre FTP.
2. Coller le code suivant et cliquer sur « Enregistrer« .
define('DISABLE_WP_CRON', true);
Mesurer les temps d’affichage de vos pages web avec GTmetrix, Google PageSpeed Insights, PingDomTools ou encore Dareboost avant et après application de ces différents codes pour voir les gains en performance.
Vous verrez sans aucun doute que votre site est beaucoup plus rapide.
Pensez tout de même à faire une copie de vos fichiers avant toute modification sur le code de votre site.
De cette façon vous pouvez tirer le maximum le vitesse de chargement d’un serveur mutualisé qui ne vous coutera que quelques euros par mois.
Et gardez en mémoire que selon la configuration de votre serveur, certains de ces codes peuvent ne pas fonctionner. A vous de faire les tests.
