Guide d'optimisation pour WordPress – Partie 7

photo credit: Hyperfinch

Plan du dossier

• Optimiser l’administration WordPress
• Optimiser la Base De Donnée (BDD)
• Optimiser les images
• Optimiser la feuille de style en cascade (CSS)
• Optimiser les scripts
• Optimisations diverses
• Analyser les performances

1. Utiliser Firebug

Firebug est une extension Firefox absolument indispensable pour tout webmaster. Elle permet de modifier en temps réel le design de son site, mais également d’analyser les temps de chargement des différents objets d’une page (images, css, scripts…) sous forme de ligne du temps. Pour cela, installer Firebug, cliquez sur le petit icône en forme d’insecte dans la barre d’état du logiciel, puis sur l’onglet Réseau. Faites CTRL+F5 pour vider le cache et actualiser la page : admirez le résultat !

En savoir plus pour utiliser Firebug dans IE et autres navigateurs

2. Utiliser YSlow

YSlow est également une extension à Firefox qui vient se rajouter à Firebug (il convient donc d’installer en premier lieu Firebug). Elle a été développée par les ingénieurs de Yahoo et est spécialement conçue pour analyser en profondeur les performances de votre blog. Après l’analyse, une note allant de A à F vous est attribué (A étant la meilleure note). Cette note est une moyenne de plusieurs autres notes sur le CSS, le contenu, les cookies, les JS, le serveur et les images soit 22 points au total. Cliquez sur l’une des notes obtenues pour avoir une explication simple du résultat, ou sur Read More, pour en savoir d’avantage sur ce point d’analyse de manière plus détaillée.

Parcourez les différents onglets de l’extension pour obtenir des tas d’informations sur votre blog :

3. Liens utiles

Je vous conseille vivement de consulter la totalité de ces liens pour compléter et terminer cette semaine dédiée à l’optimisation de WordPress. Les différents points que j’ai abordé durant ces derniers jours ne sont qu’une partie infime de l’optimisation d’un site.

Best Practices for Speeding Up Your Website par Yahoo

Speed Up Your Pages And Improve Your YSlow Score With The Coral Content Distribution Network par Haacked

WordPress Optimization Bible par Wladimir Prelovac (disponible sur Homo Sapiens Internetus en Français)

How to Minimize Load Time for Fast User Experiences par UxBooth

The Mystery of CSS Sprites : Techniques, tools and tutorials par Smashing Magazine

Conclusion

Pour terminer cette semaine, voici la check list finale du projet « 7 Jours pour Optimiser les Performances de son blog WordPress » :

1. Optimiser l’administration WordPress
   • Mettre à jour WordPress
   • Supprimer les plugins inutiles
   • Mettre à jour les extensions restantes
   • Supprimer tout ce qui est inutile dans la sidebar
   • Activer Gears
2. Optimiser la Base De Donnée (BDD)
   • Supprimer les résidus de tables d’anciens plugins
   • Supprimer les post revisions
   • Optimiser le tout
3. Optimiser les images
   • utilisez les bonnes dimensions
   • réduire le nombre d’images (prenez Google comme exemple !)
   • toujours héberger les images sur son serveur
   • choisir le bon format (très important)
   • utiliser la technique du CSS Sprites (très efficace)
4. Optimiser la feuille de style en cascade (CSS)
   • Supprimez les commentaires
   • Supprimez les styles sans propriété
   • Fusionnez les propriétés
   • Ne pas répétez du code inutilement
   • Bien positionner l’appel à votre fichier CSS
   • Héberger sur votre FTP le(s) fichier(s)
   • Compressez la feuille de style pour une optimisation maximale
5. Optimiser les scripts
   • Supprimez les scripts inutiles
   • Bien positionner ces scripts
   • Externaliser vos scripts
   • Héberger sur son serveur le maximum de scripts
   • Compresser les scripts
6. Optimisations diverses
   • Choisir un bon hébergeur (2 critères importants)
   • Utiliser des URLs complètes
   • Mettez un / à la fin d’un lien
   • Installer WP Super Cache (en fonction de votre site)
7. Analyser les performances
   • Utiliser Firebug
   • Utiliser YSlow
   • Consulter les liens utiles

Un souci, un problème, une remarque, votre avis sur le dossier, n’hésitez pas à vous exprimer ! Bonne optimisation à tous

10 commentaires pour “Guide d'optimisation pour WordPress – Partie 7”

1. CedricADW dit :

   18 mai 2009 à 11 h 18 min

   Mouais, et ceux qui ne sont pas sous firefox ?? As-tu des bonnes adresses pour tester son site en ligne. Personnellement, je test avec ça :
   http://tools.pingdom.com/
   T’en connais d’autres ?

   Et sinon, merci pour cette semaine « d’apprentissage » ^_*

   Répondre
2. Rainbow dit :

   18 mai 2009 à 11 h 19 min

   J’espère que tu n’es pas sous IE en tout cas :p
   Le site tools.pingdom.com est probablement le meilleur, je l’ai d’ailleurs découvert via l’article du site UxBooth cité dans les liens du post.

   Merci à toi ! (et également pour ton lien;))

   Répondre
3. said026 dit :

   18 mai 2009 à 11 h 19 min

   Merci pour ces astuces et très bonne semaine ^^

   Répondre
4. Rainbow dit :

   18 mai 2009 à 11 h 25 min

   @said026 : Très bonne semaine à toi aussi !

   Répondre
5. Andlil dit :

   6 juillet 2009 à 7 h 48 min

   Merci pour ces précieux conseils (notamment CSS COMPRESSOR que je ne connaissais pas). J’ai pu gagner 0.5 seconde par page, ce qui est considérable, il y a un confort de surf supplémentaire

   Répondre
6. Guide d’optimisation pour WordPress – Partie 1 | PROTUTS.net dit :

   4 août 2009 à 15 h 12 min

   [...] Bienvenue sur Protuts.net ! Si vous êtes nouveau ici, abonnez-vous au flux RSS pour ne manquer aucun article. Paru le : 27 avr 2009 par Rainbow dans Dossiers, Wordpress. Déjà 8 commentaires et 577 lecture(s) ! Articles relatifsGuide d’optimisation pour WordPress – Partie 7 [...]

   Répondre
7. Optimiser l'administration WordPress [J+1 - 7JOPW] | Protuts v4 dit :

   29 décembre 2009 à 21 h 57 min

   [...] Analyser les performances [...]

   Répondre
8. Optimisations diverses pour votre blog WordPress [J+6 - 7JOPW] | Protuts v4 dit :

   30 décembre 2009 à 18 h 15 min

   [...] Analyser les performances [...]

   Répondre
9. Optimiser les scripts de votre site WordPress [J+5 - 7JOPW] | Protuts v4 dit :

   30 décembre 2009 à 18 h 16 min

   [...] Analyser les performances [...]

   Répondre
10. Guide d’optimisation pour WordPress – Partie 7 | Protuts » blogpocket WP dit :

    14 mars 2010 à 20 h 49 min

    [...] Guide d’optimisation pour WordPress – Partie 7 | Protuts. [...]

    Répondre