Accueil / Optimisation du code et développement / Optimiser la vitesse chargement d’un site / blog WordPress
J'en parlais il y a peu, il faut travailler sur la vitesse de chargement de vos pages. Découvrez comment accélérer votre site sur Wordpress.

Optimiser la vitesse chargement d’un site / blog WordPress

Nous le savons maintenant, optimiser la vitesse d'éxécution de son site est donc un objectif à remplir rapidement.

Dans cet article (honteusement copié collé d'un autre site, ce car on est jamais sûr de la pérennité d'un article sur un blog (l'article en question n'existe d'ailleurs plus, comme quoi …). Quelques fautes d'orthographe ont tout de même été modifiées), nous allons découvrir 8 façons d’augmenter la vitesse de votre site WORDPRESS, allant de facile à encore plus simple, aucune des astuces dans cet article n'est difficile à mettre en oeuvre. Donc, il n’y a  aucune excuse pour avoir un grand délai de chargement après la lecture de cet article!

Également, il y a trois choses qui vont ralentir le chargement de votre site WORDPRESS :

  1. Exécution de commandes PHP
  2. Tirer des informations de la base de données
  3. Téléchargement de graphiques, JavaScript et autres éléments…

1. Supprimer les Plugins indésirables

Si votre site se charge lentement, regardez le nombre de plugins que vous utilisez. Si la réponse est plus de 10, regardez les plugins que vous utilisez et essayez de les intégrer directement dans votre code/thème.

N'intégrez un plugin que si vous en avez vraiment l'utilité. S ’il y’a une possibilité de le remplacer avec un code simple, n'hésitez pas.

2. Éliminer les balises PHP inutiles

Si vous utilisez un thème que vous n’avez pas créé, il y a des chances qu’il soit plein de PHP inutile. Par exemple, votre header pourrait avoir quelque chose comme :

Avec PHP :
<title><?php bloginfo('description'); ?> – <?php bloginfo('name'); ?></title>

Sans PHP:
<title>Meilleur Blog WordPress – Mon blog</title>

Si vous vérifiez votre code vous serez surpris du nombre de requêtes inutiles que vous pouvez éliminer. Voici une liste des codes que vous pouvez éliminer:

Remplacer <?php language_attributes(); ?> (dans header.php) par FR

Remplacer <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> (dans header.php) par <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Remplacer <?php bloginfo('template_directory'); ?> (presque dans tout le thème) par /wp-content/themes/_nom_du_theme_/

Remplacer <?php bloginfo('name'); ?> (presque partout dans le thème) par le nom de votre blog.

Remplacer <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> (dans header.php) par <link rel="pingback" href="xmlrpc.php" />

Remplacer <link rel="alternate" title="Flux RSS de mon blog" href="<?php bloginfo('rss2_url'); ?>" /> (dans header.php) par <link rel="alternate" type="application/rss+xml" title="Flux RSS de mon blog" href="http://www.monblog.com/feed" />

Remplacer <?php bloginfo('stylesheet_directory'); ?> (presque partout dans le thème) par /wp-content/themes/ _nom_du_theme_/

Supprimer <!– <?php echo get_num_queries(); ?> queries. <?php timer_stop(1); ?> seconds. –> (dans footer.php), Ce commentaire HTML ne sera pas trop utile pour beaucoup d’entre nous, vous pouvez donc le supprimer tout de suite.

Remplacer <?php bloginfo('comments_rss2_url'); ?> (dans sidebar.php et footer.php) par

Et aussi, selon les bons conseils de David : Entièrement reprendre le menu et mettre les liens en durs en lieu et place des variables.

3. Utiliser le Plugin WP Super Cache

Une des techniques les plus connues pour accélérer WordPress est d’installer le plugin WP Super Cache. Ce plugin va générer des pages html statiques, qui serviront par la suite à chaque visiteur, sans avoir a exécuter le code PHP ni effectuer de requêtes vers la base de données. Installez ce plugin et après vous pouvez l’oublier (et se rappeler rapidement lorsque vous modifiez votre thème!).

4. Optimiser votre base de données

L’optimisation de votre base de données peut réduire le temps de chargement et la charge sur le serveur. Surtout si vous avez une grande base de données. Comme toujours, vous pouvez le faire manuellement ou tout simplement obtenir un Plugin qui le fait pour vous.

La méthode manuelle est très facile, Vous devez vous connecter au cPanel, trouver phpMyAdmin, sélectionnez votre base de données, cliquez sur « check all»  au bas de la page, puis dans le menu déroulant dans le milieu de la page, sélectionnez « Optimize database» . Et vous avez terminé.

Vous pouvez toujours utiliser le plugin DB plugin par yoast.com.

5. Optimisez vos images

Si les images ne sont pas optimisées, la bande passante de votre blog et des temps de chargement seront touchés. La solution ?

Optimisez vos images. C'est plus facile que vous ne le pensez, dans Photoshop ou tout autre logiciel de PAO, cliquez sur « enregistrer pour le web»  dans le menu Fichier ou bien enregistrez en JPEG réduit.

À titre de référence, je préfère utiliser des images à 40ko ou moins (sans sacrifier la qualité).

Si, pour vous ne pouvez pas utiliser un éditeur d’image, Yahoo! vous propose un service en ligne gratuit appelé Smush-it, qui vous permet d’optimiser parfaitement vos images.

Un autre élément signalé en commentaires par lokk (merci encore) 😀 : désactiver la création automatique des miniatures pour éviter de stocker des images quatre fois!

Pour ce faire : Aller dans l'administration WordPress puis: Paramètres (Settings) > Médias (Media) > Mettre 0 pour toutes les valeurs.

6. Compresser vos CSS et JavaScript

Encore une fois, une chose est très facile à faire: compresser vos CSS et mettre vos JavaScript dans un seul fichier.

Pour compresser vos CSS, vous pouvez utiliser un outil en ligne, tel que styleneat.com, qui élimine les espaces vides.

Une autre chose à faire est de mettre tous vos JavaScript dans un seul fichier et le charger au bas de la page (dans le fichier footer.php). Cela garantit que l’essentiel est chargé en premier et enfin le JavaScript.

Je peux aussi vous conseiller le plugin wpcompressor

7. Désactiver le direct linking ou le hotlinking

Si quelqu’un copie-colle l’URL d'une image, en mettant votre image sur son site, c'est du hotlinking, qui peut nuire à votre bande passante et vos ressources serveur.

Via le. Htaccess (que vous trouverez dans votre répertoire racine), la désactivation de hotlinking est facile.

Tout d’abord, sauvegarder votre fichier. Htaccess. Ensuite, ajoutez les lignes de code ci-dessous, en changeant les lignes en fonction de votre blog. La dernière ligne est une image qui s’affiche dans les autres sites qui utilisent l’URL de vos images – Vous pouvez faire une annonce pour votre site!

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www.)?exemple.com/.*$ [NC] RewriteRule .(gif|jpg)$ – [F] RewriteRule .(gif|jpg)$ http://www.exemple.com/monsite.gif [R,L]

8. Supprimer les révisions des posts

Les révisions ne sont pas vraiment très utiles, surtout pour un blog avec un seul auteur. Pourquoi les laisser s'accumuler ?

Pour désactiver cette fonction, ajouter le code suivant dans le fichier wp-config.php:

define('WP_POST_REVISIONS', false);

Vous pouvez également supprimer tous les messages de révision en exécutant cette requête dans phpMyAdmin:

DELETE a,b,c
FROM wp_posts a
LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)
LEFT JOIN wp_postmeta c ON (a.ID = c.post_id)
WHERE a.post_type = 'revision'

N’oubliez jamais de faire une copie de votre base de données avant d’effectuer une requête dans phpMyAdmin.

9. Eviter les plugins de statistiques WordPress

Je vous conseille d'utiliser Google Analytics pour vos statistiques. Il ne prend pas votre Base de données et ne ralentit pas.

Par contre, les plugins de statistiques WordPress sont gourmands et lents! Je pense surtout à Wassup, mais pour les autres c'est pareil.

Donc à éviter!
 

 

Un dernier point : un outil pratique pour découvrir quels éléments vous "ralentissent" : Pingdom Tools

 

S'il reste des fautes d'orthographe que je n'ai pas corrigées, ou si vous souhaitez réagir, n'hésitez pas!

Voir aussi

Où placer les mots clés au sein de votre site web ?

Si vous ne savez pas où placer vos mots clés pour "plaire" à Google et avoir un bon positionnement, cet article est pour vous.

22 commentaires

  1. Ca, ça va me servir ! Merci, y a des trucs que je ne savais pas !

  2. Merci pour ces conseils Cyril, je viens d’appliquer toutes les astuces et j’ai correctement amelioré le chargement de mon blog WordPress. En plus je rajouterais a ton article si tu le permet : si on s’y connait un peu c’est de reprendre également le menu entièrement et de mettre les liens en durs a la place des variables.

  3. Très utile. Merci pour cet article!

  4. merci à vous trois. David, c'est noté et ajouté dans l'article, merci pour l'astuce

  5. Merci, dossier très complet et efficace!
    Conseils perso: désactiver la création automatique des miniatures pour éviter de stocker des images en quadruples. (Settings > Media > Mettre 0 pour toutes les valeurs). Et évitez les outils de stats qui sont très gourmand.

  6. merci pour ces précisions! Elles sont ajoutées dans l'article désormais!

  7. Mais ce n'est pas que WordPress! Merci tout de même, cela va m'inciter a finir au plus vite l'article sur l'optimisation de temps générale des pages

  8. Bonjour et merci pour cet article.
    Cependant, je ne comprends le système de compression des fichiers CSS et JAVA 🙁
    Je tente d'optimiser mon blog, mais même avec WP-Supercache je ne ressents aucun changement, et avec WP-Widget-Cache c'est pire je crois.
    Merci 🙂

  9. Merci pour ces conseils, cependant, je m'inquiète concernant l'optimisation des images, en effet…

    J'ai par exemple un site assez graphique, avec de belle bannières, mais le poids de ce genre de fichier image est difficilement optimisable à cause de la taille du fichier…

    Es ce que le référencement aujourd'hui ne tenderait pas vers un Web moins graphique ?
     
    Cordialement,

  10. @Lorand : J'utilise un plugin tout fait pour la compression : wpCompressor

    @SunLocation : le plus important est déjà de compresser les images au max, en gardant bien sûr le maximum de qualité. C'est difficile, mais si on ne dépasse pas les 60 à 80ko pour quelques images, cela peut passer. Effectivement, on se déplace tout doucement sur un web moins graphique, mais il y aura peut être des alternatives!? Maintenant, as tu déjà fait le poids total des images de ton site? Pour moi, lorsqu'on parle de vitesse, je pense plutôt ici à la programmation. Si tes images sont un minimum compressées, cela devrait aller.

    D'ailleurs, un outil assez pratique : http://tools.pingdom.com/ pour connaître la vitesse de chargement

    L’article est mis à jour avec les deux liens (wpcompressor et pingdom tools)

  11.  
    bonjour, je n'ai découvert wordpress que très récement mais il n'est jamais trop tard. je cherche à optimiser et accéler mon WP et j'aurais voulu votre avis d'expert. quelles sont les diiférences entre wordpress super cache et gzip enable. l'un est il mieux que l'autre? si oui pourquoi? à moins que ces deux plugins ne fassent pas la même chose. Merci

  12. Bonjour,

    si je ne me trompe pas, le cache et la compression Gzip sont deux éléments différents. Maintenant, je ne suis pas sûr, il faudrait tester. Si quelqu'un a plus d'informations, nous sommes preneurs 🙂

  13. Bonjour,
    C'est avec beaucoup de plaisir que j'ai lu votre passionnant article sur l'optimisation du temps d'affichage d'un blog WordPress.
    Belle analyse très pertinente.
    Avec vos conseils le blog devrait "gambader" plus rapidement.
    Cordialement. Richard

  14. merci 😉

    Et pour bientôt, de nouvelles informations pour ceux qui ont un budget conséquent (environ 150 € mensuels mais l'amélioration est extraordinaire)

  15. Merci pour vos conseils, nous les avons appliqués c'est vrai que le changement est radical !
     
    Julien

  16. Aucun soucis, je suis content que mes conseils aient été utiles 😉

  17. Programme Musculation

    Merci beaucoup pour tout ces conseils, je vais les utiliser pour mon site de musculation. Par contre minify ne marche pas chez moi… ca fait des erreurs de css

  18. @ Programme Musculation : autant le laisser de côté alors 😉

  19. Merci beaucoup pour cet excellent site qui s'avère être une véritable mien d'or sur le référencement. Je débute dans ce domaine pour mon site App4Phone.fr et ce billet pour optimiser la vitesse de chargement m'a aidé à augmenter la vitesse de chargement de mon site web, de plus l'explication est très claire donc facile même pour un novice ne codant pas en HTMl/PHP.

  20. j’ai essayé toutes ces techniques mais rien ne marche pour moi. J’ai l’impression qu’il faut rester éloigné des CMS open Source.

  21. @argentier : je peux te confirmer que les CMS open source peuvent très bien fonctionner, être très rapides et avoir un très bon positionnement. D'après l'url de ton pseudo que j'ai supprimée, les jeux d'argents sont un secteur très difficile. Il faudra beaucoup d'effort pour y arriver 😉