Comment optimiser son site WordPress 6


wordpress Comment optimiser son site WordPress

Tout d’abord, Pourquoi optimiser son site web WordPress?

Pour plusieurs raisons:

  1. Cela vous permet d’augmenter son positionnement dans les résultats des moteurs de recherches et Yahoo
  2. Si votre site est trop long à charger, vous risquez de perdre vos visiteurs
  3. Gain de temps
  4. Gain bande passante
  5. Vous permet que votre site soit en ligne plus longtemps si votre site vient de subir un buzz (ou ramdam, comme me la fait remarqué mon cher Gibonk! :-))

 

Je vais ici développer 3 points indispensables à l’ d’un site qui utilise WordPress (valable aussi pour les autres sites):

  1. Optimisation du code source ( Html, CSS, Javascript, …)
  2. Optimisation de toutes les images
  3. Optimisation via la mise en cache

 

Comment mesurer ses performances?

En utilisant le site http://gtmetrix.com,  site web qui donne une note de A (Excellent) à F (très mauvais) sur une page en analysant divers critères en se basant sur 2 algorithmes: celui de Google (Page Speed) et Yahoo (YSlow). Vous pouvez aussi utiliser les addons Firebug + PageSpeed + YSlow sous Firefox.

Pour plus de facilité, je vous conseille d’utiliser l’excellent site Gtmetrix, inscription non obligatoire, mais si vous vous inscrivez (), vous avez les avantages de pouvoir comparer plusieurs sites (maximum 4 pour l’instant), de mémoriser certains résultats de site, d’enregistrer les scores journalier d’un site. Par contre, il est en anglais…

Si votre site a un score de couleur verte ( A ou B ), sachez que votre site est déjà optimisé! Si vous obtenez un C, vous pouvez être content, c’est déjà bien! Après, sachez aussi que les vitesses et donc les scores que vous pouvez obtenir dépendent de plusieurs critères, dont certains que vous ne pouvez pas optimiser, comme par exemple les pubs!

De mon coté, grâce à toutes les optimisations qui suivent, je suis passé:

  • pour YSlow (Yahoo): de 53% (E) à 71% (C) => soit un gain de 18%!
  • pour PageSpeed (Google): de 66% (D) à 85% (B) => soit un gain de 19%!

Passons à l’optimisation, qui se fait assez rapidement et facilement:

 

1. Optimisation du code source ( Html, CSS, Javascript, …)

L’optimisation du code source se fait tout simplement via un qui en fait, va faire pratiquement tout le boulot: WP PHP Speedy

WP PHP Speedy va transformer vos fichiers Javascript et CSS en les unifiant (afin de réduire le nombres de requêtes) et en les compressant (afin de réduire le poids).

Il utilise « Minify » , « Gzip« , « Far future expires » et « Data Uris« .

Décompressez-le sous wp-content/plugins/, activez-le dans votre panneau d’administration WordPress, et mettez toutes les options en « Yes », cliquez sur « Set options » puis testez votre configuration et si il n’y a pas de problèmes, activez-le!

Le script existe pour les sites non-Wordpress: PHP Speedy

 

2. Optimisation de toutes les images

L’optimisation des images se fait via le site Smush.it, développé par Yahoo, les images uploadés sont optimisé par suppression de bytes inutiles, vous les re-télécharger et vous avez vos images optimisées! Et surtout, cela se fait sans perte de qualité!

Il existe un plugins WordPress, mais celui-ci ne fait que pour les images se trouvant dans la catégorie « Media » or il n’y pas que là qu’il y a des images! Votre thème et vos plugins contiennent des images aussi! ( Icones, fond du site, etc…)

Je vous conseille très fortement d’optimiser les images de vos plugins (se trouvent généralement dans le dossier « images » de chaque plugins.

J’ai réussit à réduire les tailles de mes images de 10 à 50%! Dont une image à 83%!

 

3. Optimisation via la mise en cache

L’optimisation via la mise en cache se fait grâce au très connu plugins WP Super Cache et grace au fichier .htaccess.

Pour le plugins, rien de plus facile, décompressez-le dans wp-content/plugins, activez-le et mettez-le en mode « ON » ou « Half ON ». Le mode « ON » est conseillé mais il se peut que le Super cache ne marche pas, dans ce cas, mettez en « Half ON ».

Pour le fichier .htaccess, vous devez insérer:

<IfModule mod_headers.c>
# Mise en cache des images et autres fichier statiques pour un mois
<FilesMatch « .(ico|jpe?g|png|gif)$ »>
Header set Cache-Control « max-age=2592000 »
</FilesMatch>
</IfModule>

Cela permet de forcer la mise en cache de vos images par le navigateur du visiteur pour 1mois.

Et voila, avec toutes ces astuces, vous avez de quoi avoir un site bien plus rapide, et par conséquent un meilleur positionnement dans Google!


A propos de Pandoon

Créateur de ce site, j'ai par conséquent pratiquement toutes les casquettes: Administrateur, webmasteur, rédacteurs, etc...Utilisateur avancé de Windows depuis la version 95, je suis devenu en quelque sorte un spécialiste sur ce système d'exploitation.


Laissez un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

6 commentaires sur “Comment optimiser son site WordPress