Optimiser son site WordPress chez OVH

Suite à une discussion avec des visiteurs de mon site, mon site semblait lent à l’affichage. Je me suis donc décidé à passer à une étape d’optimisation.

Pour cela, j’ai utilisé l’outil GTMetrix : gtmetrix.com permettant de calculer les performances d’un site en fonction des recommandations de Google PageSpeed et Yahoo YSlow.

Avant l’optimisation

Avant de mettre en place toute optimisation, j’ai fait un rapport de performance sur GTMetrix, dont voici la copie d’écran :

Pendant l’optimisation

Mise en place du cache

En première étape, nous allons mettre en place du cache au niveau de WordPress. Pour cela, j’utilise comme plugin WP Super Cache.
Après une installation, puis une mise en place de la plupart des paramètres recommandés par WP Super Cache, le site semble déjà plus rapide.
Après vérification, le temps de chargement de la page passe de 7.32 sec. à 2.95 sec.

Activer la compression GZip

Chez OVH, l’astuce passe par une modification du .htaccess du site WordPress.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

##### GZIP Compression
# Commenter la ligne ci-dessous si plantage
# php_flag zlib.output_compression on
# Filtre
SetOutputFilter DEFLATE
# Vieux navigateurs
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0678 no-gzip
# No IE
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
# Images : pas de compression
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary
# Proxy
Header append Vary User-Agent env=!dont-vary

Pour tester le support GZip de votre site, vous pouvez utiliser ce lien : http://www.gidnetwork.com/tools/gzip-test.php.

Désactiver les ETags

Les balises ETag permettent dans les requêtes HTTP de vérifier si le document a été modifié, alors que nous gérons déjà un cache via WP Super Cache. Supprimer ces ETags supprimera de la bande passante. Nous modifions de nouveau le fichier .htaccess du site WordPress.

1
2
3

##### Desactivation des ETags
Header unset ETag
FileETag none

Ajouter des en-têtes Expires

Le header Expire indique à votre visiteur que certains types de fichiers sont mis en cache, sans avoir à vérifier une nouvelle version auprès du serveur (donc requêtes en moins).
Nous modifions de nouveau le fichier .htaccess du site WordPress.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21

##### Headers Expires
<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresDefault "access plus 2 days"
  ExpiresByType image/jpg "access plus 1 year"
  ExpiresByType image/jpeg "access plus 1 year"
  ExpiresByType image/png "access plus 1 year"
  ExpiresByType image/gif "access plus 1 year"
  AddType image/x-icon .ico
  ExpiresByType image/ico "access plus 1 year"
  ExpiresByType image/icon "access plus 1 year"
  ExpiresByType image/x-icon "access plus 1 year"
  ExpiresByType text/css "access plus 1 year"

  ExpiresByType text/html "access plus 2 days"
  ExpiresByType application/xhtml+xml "access plus 2 days"

  ExpiresByType text/javascript "access plus 1 month"
  ExpiresByType application/javascript A2592000
  ExpiresByType application/x-javascript "access plus 1 month"
</IfModule>

Documentation : Wikipedia

Utiliser un domaine libre de cookie (a.k.a. cookie-free domain)

Les composants statiques telles que les fichiers CSS, JavaScript et les images sont demandés au serveur avec des requêtes contenant les cookies. Interroger un sous-domaine ou un autre serveur supprimera ses cookies des requêtes et allégera ainsi l’échange avec les serveurs.

Dans le cas où votre nom de domaine est du style rootslabs.net, créer un sous domaine statics.rootlabs.net ne solutionnera pas car il héritera des cookies du domaine parent. La solution reste dans ce cas d’utiliser un autre nom de domaine, si vous en avez un à votre disposition.
Par contre, si votre nom de domaine principal est du style www.rootslabs.net, alors le sous domaine statics.rootlabs.net sera parfait.

Après l’optimisation

Après toutes les optimisations que l’on vient de voir, on a réussi à passer le poids de la page de 328Kb à 187Kb (soit une amélioration de 48%), et le temps de chargement de 7.32s à 4.04s (soit une amélioration de 45%).

Conclusion

Optimiser son site peut paraître du temps perdu. Mais ce « temps perdu » optimisera vos sites pour toutes vos visiteurs dont ceux sur mobile qui apprécient de se promener sur une site rapide (à charger et à afficher). L’optimisation permet d’améliorer le retour visiteur à court et moyen terme.

[2014-02-09 14:00] Ajout d’un lien pour tester le support de GZip.