Optimiser la vitesse chargement d’un site / blog WordPress


RSS Twitter Facebook Google Plus Linked In Viadeo



  Derniers articles

  Derniers commentaires
  • KUHM Cyril : Pour mieux comprendre, pourrais tu nous donner l'... »
  • KUHM Cyril : Après attention au niveau de qualité. ... »
  • KUHM Cyril : il y a un article sur cela : http://www.kuhm.fr/opti... »
  • KUHM Cyril : L'objectif n'étant pas ici d'obte... »
  • KUHM Cyril : Tout à fait, ce sera sûrement l'obj... »


Referencement google : Separateur

Optimiser la vitesse chargement d’un site / blog WordPress

24 novembre 2009

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 http://www.monblog.com/comments/feed/

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 : 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\.)?votredomaine.com/.*$ [NC]
RewriteRule \.(gif|jpg)$ – [F]
RewriteRule \.(gif|jpg)$ http://www.votredomaine.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!



Les commentaires et les pings sont clos sur cet article.
  • Commentaire proposé par Baptiste le 24 novembre 2009.

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

  • Commentaire proposé par David [J'annonce gratuit] le 24 novembre 2009.

    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.

  • Commentaire proposé par Neoxys le 24 novembre 2009.

    Très utile. Merci pour cet article!

  • Commentaire proposé par KUHM Cyril le 25 novembre 2009.

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

  • Commentaire proposé par lokk le 10 décembre 2009.

    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.

  • Commentaire proposé par KUHM Cyril le 11 décembre 2009.

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

  • Commentaire proposé par un_geek le 18 décembre 2009.

    Sinon on trouve un tutoriel complet et simple ici: http://www.lezard-spock.com/optimiser-le-temps-de-chargement-de-votre-site.html

  • Commentaire proposé par KUHM Cyril le 18 décembre 2009.

    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

  • Commentaire proposé par Lorand le 24 janvier 2010.

    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 :)

  • Commentaire proposé par Sun Location Vacances le 16 février 2010.

    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,

  • Commentaire proposé par KUHM Cyril le 16 février 2010.

    @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)

  • Commentaire proposé par motoneige quebec le 1 octobre 2010.

     
    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

  • Commentaire proposé par KUHM Cyril le 21 octobre 2010.

    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 :)

  • Commentaire proposé par Richard le 4 décembre 2010.

    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

  • Commentaire proposé par KUHM Cyril le 9 décembre 2010.

    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)

  • Commentaire proposé par julien le 23 février 2011.

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

  • Commentaire proposé par KUHM Cyril le 28 février 2011.

    Aucun soucis, je suis content que mes conseils aient été utiles ;)

  • Commentaire proposé par Programme Musculation le 11 avril 2011.

    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

  • Commentaire proposé par KUHM Cyril le 29 mai 2011.

    @ Programme Musculation : autant le laisser de côté alors ;)

  • Commentaire proposé par App4Phone le 15 juin 2011.

    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.

  • Commentaire proposé par argentier le 13 août 2011.

    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.

  • Commentaire proposé par KUHM Cyril le 14 septembre 2011.

    @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 ;)