5 conseils pour améliorer le temps de chargement de votre WordPress
Ce matin, je me suis fait très peur, en voyant le temps de chargement moyen de mon WordPress sur Google Site Performance. Celui-ci m’a appris que mon blog se chargeait plus lentement que 89% des sites ! C’est très mauvais. Heureusement, l’outil de Google fournissait des conseils via son site Webmaster Tools ; je les ai traduis en moyens techniques pour la plateforme WordPress, et je vais vous les donner ci-dessous.
1. Diminuer les requêtes DNS
A chaque fois que votre site affiche une image externe (qui n’est pas hébergée sur votre site web), le navigateur doit faire une requête supplémentaire pour résoudre le DNS associé à l’URL de l’image externe. Attention, ceci se passe également quand vous affichez un fichier JS ou CSS externe. Donc : repérez (par exemple via le site Google Site Performance) les fichiers externes (images, CSS, JS) qui sont téléchargés à chaque fois, et transférez-les sur votre propre hébergement. N’oubliez pas également de changer votre code source pour dire au site d’aller chercher le fichier sur la nouvelle URL (sinon, ça ne sert à rien). Pour ma part, j’avais au moins 7 requêtes DNS par affichage de page. En déplaçant 4 images (qui sont les boutons d’abonnement au flux RSS de AbriCoCotier), j’ai supprimé 4 requêtes DNS. D’un seul coup.
2. Combiner les CSS et les JS
Très souvent, en fonction des widgets utilisés sur votre site, des plugins qui génèrent un affichage, cela rajoute des fichiers Javascript externe et des fichiers CSS. Le mieux est de les combiner pour n’en faire, chez le client, qu’un seul, et de surcroît lui envoyer ce fichier de manière compressée, afin de diminuer la quantité de donnée à télécharger. Pour cela, je vous conseille le plugin WP-Minify, ou bien, séparément, d’utiliser les plugin WP-CSS et WP-JS.
3. Mettre en place un cache au niveau du serveur
Je l’ai déjà dit plusieurs fois, mais il vaut mieux le répéter. Le serveur fait par défaut à chaque fois un appel à la base de donnée pour récupérer le contenu d’une page web. Si vous mettez en place un cache au niveau du serveur, celui-ci ne génèrera plus qu’une seule fois la page (ceci durant la durée de validité du cache), et ainsi vous économisera le temps d’accès à la base de donnée. Je vous recommande le plugin WP-Super-Cache pour faire cela. Un moyen encore plus efficace peut-être de mettre le cache dans la RAM, mais je ne l’ai pas fait pour ma part, n’ayant pas accès à mon serveur pour configurer cela. On peut aussi rappeler l’astuce de remplacer une page d’erreur lors de la connexion à la BDD par le cache Google.
4. Compresser le contenu de son site
Google Site Performance conseille également de compresser ses fichiers texte, afin de diminuer significativement la quantité de données transférées. C’est ce que j’ai fait, et on peut diviser facilement par trois ou quatre la taille de nos pages de cette façon là . Dans le plugin WP-Super-Cache, activez la compression de vos page, et ce sera fait.
5. Mieux compresser les images affichées
N’hésitez pas à regarder à chaque fois la taille des images que vous afficherez. Utilisez des moyens de compression avec perte, tels que les formats JPEG ou GIF. Regardez le taux de compression de votre image JPEG, et n’hésitez pas à le pousser assez loin pour avoir une image peu lourde à charger. Pour cela, je vous recommande le logiciel Paint.NET sous Windows.
Avec ces différents conseils, il est possible que vous gagniiez jusqu’à 20% de visiteurs en plus, dans la mesure où vos pages se chargeront plus rapidement, et donc que moins de visiteurs s’en iront directement.
Je peux aussi vous conseiller de changer votre code de tracking Google Analytics, par celui décrit à la page suivante.
Vous serez peut-être intéressé :
14 commentaires à 5 conseils pour améliorer le temps de chargement de votre WordPress
Laisser un commentaire
- 29 January 2012Pas de loi de Moore dans les cartes graphiques depuis plusieurs années(1) Comments
- 29 January 2012Rénovation des structures de chauffage urbain à Paris(5) Comments
- 28 January 2012Etat des lieux de ma dépendance à Google(9) Comments
- 28 January 2012Désactiver l'accélération de la souris sous Mac OS(4) Comments
- 27 January 2012Priceminister : photos des nouveaux locaux à Réaumur(4) Comments
- 24 January 2012Les singes de doigt, ou marmousets pygmées(0) Comments
- 24 January 2012Une pénurie de développeurs ? Et si on arrêtait de prendre les gens pour des cons ?(109) Comments
- 23 January 2012Le meilleur du web en 3 minutes et demi(0) Comments
- 22 January 2012FreeMobile : comment activer les données cellulaires sur un iPhone(25) Comments
- 10 January 2012Free Mobile lance le forfait illimité sans engagement à 20 euros par mois(6) Comments
Si je peut donner mon avis:
Pour la compression d’image, il y a le plugin WP Smush.it qui utilise la service Smush.it afin de compresser automatiquement les images lors de l’upload via wordpress
Sinon merci pour tout ces conseils.
Merci pour ce conseil ! Je vais regarder ça.
C’est où la compression des pages dans le super cache ?
Sympa ces petits conseils
smush it réduit même les images du thème. pas mal çà apparemment
Pour la compression des pages j’utilise PHPspeedy
qui prend tout les fichiers css pour les combiner en 1 seul ( de même pour les js )
ce qui fait que le lecteur ne reçoit qu’un seul fichier css et un js compresser.
A propos de PHPSpeedy, je me permets de mettre le lien ici : http://aciddrop.com/2008/07/15/php-speedy-wp-version-047-works-with-wp26/
Merci, je vais tenter d’aplliquer ces conseils !
idem que FOx15 : c’est où la compression des pages dans WP-Super-cache ??
Au passage, est-ce que quelqu’un a activé « Super Cache Compression » dans ce plugin ??
Je pense que la compression se fait en activant « Super Cache Compression ». Je l’ai fait, et je crois que mes pages sont maintenant plus légèrent (et donc peut-être compressées), mais pas sûr.
[...] 5 conseils pour améliorer le temps de chargement de votre WordPress [...]
Google frappe fort avec son rapport intégré à webmaster tools. Une pub gratuite pour ses bonnes pratiques en matière de performances. Mais attention à ne pas prendre tous ces conseils au mot et bien comprendre ce que l’on fait.
[...] Comme je l’avais récemment expliqué, on peut partager du code sur le net grâce à gist.github, au moyen d’un code embed similaire avec ce qui se fait par exemple chez Youtube quand on veut partager une vidéo. Cette solution est pratique, rapide, mais vous fait dépendre d’un service extérieur, et il n’est nul besoin de redire à quel point ce genre de service peut quelquefois amener de mauvaises surprises en terme de temps de chargement. [...]
[...] Pour moi-même comme pour d’autres, j’ai décidé de coucher ici les quelques conseils que je donnerais si l’on me demandais comment optimiser un site à fort trafic qui est basé sur un WordPress, et qui a un serveur dédié (ou un virtuel). Attention, la majorité de ces conseils requièrent pour leur mise en place quelques connaissances en administration (rien de bien méchant toutefois), donc je déconseille à qui n’y connait rien de se lancer corps et âme dans la bataille. Je ne parlerai ici que des performances du serveur, et pas de l’optimisation de l’affichage du thème, qui prendrait déjà bien un billet à lui tout seul (et de surcroît, j’en ai déjà parlé). [...]
[...] me connaissez, j’apporte un intérêt assez particulier à toutes les techniques permettant d’accélérer le chargement des pages web, ce dans le but [...]