La rapidité de mon site Internet www.pierrejarlan.com laissant à désirer j’ai décidé de prendre le taureau par les cornes et de me charger de l’optimisation.
Voici les étapes suivies et le résultat.
- trouver un site étalon : permettant de connaître la rapidité réelle de changement de mes pages Internet.
- optimiser le fichier de configuration du serveur : .haccess
- Optimiser les images
- optimiser les feuilles de style css : CSS Compressor
- optimiser les JavaScript : JS Minifier
- mettre en place un système de cache. WP-Super-Cache
- 7: Supprimer les plug-in inutiles
- Tester le rendu de votre site Internet sur différentes plates-formes et explorateur Internet . browsershots.org
- Références
1 : trouver un site étalon : websiteoptimization
permettant de connaître la rapidité réelle de changement de mes pages Internet. (Indépendamment de ma connexion personnelle Internet.)
–http://www.websiteoptimization.com/services/analyze/ : ce site permet l’analyse du chargement d’une page Internet sur différents types de connexions et vous propose en prime des conseils.
–http://watson.addy.com/ : un autre site de mesure du chargement des pages Internet et de l’analyse des liens inclus dans les pages.
–http://www.netmechanic.com/ : un site Internet qui mesure depuis différente localisation géographique, pendant huit heures tous les quarts d’heure les possibilités d’accès à votre site Internet.
Sous Firefox Installez un outil de conseil : Yslow pour Firebug dans Firefox. Il m’indique le niveau d’optimisation du site. Au départ je suis en F (le plus mauvais).
= Résultat avant optimisation : index de www.pierrejarlan.com : ADSL 1.44Mbps 10.55 seconds. et 128K 33.15 seconds
Article de référence sur sam-mag
2 : optimiser le fichier de configuration de votre serveur : .haccess
C’est très simple, élémentaire, et fonctionne sur presque tous les serveurs. Voici le mien pour un serveur mutualisée OVH.
J’ai modifié le mod_expires pour que tous les fichiers soient gardés en cache de l’explorateur 29jours.
|
# BEGIN WordPress <ifmodule mod_expires.c> ExpiresActive on </ifmodule> <IfModule mod_deflate.c> <IfModule mod_rewrite.c> # END WordPress |
= Résultat après optimisation 2 : index de www.pierrejarlan.com : ADSL 1.44Mbps 8.98 seconds. et 128K 15.03 seconds.
Ref: Explication du rôle de chaque fonction sur Environement france.
3: Optimiser les images
optimiser les images : Plug in smush it (déjà installé chez moi)
diminuer le nombre d’images sur les pages. C’est certainement la meilleure technique, je pense que mon site en aurait bien besoin. Pour l’instant je n’ai pas mis en place cette technique peut-être dans quelques jours. C’est relativement simple, pour la page d’accueil il me suffit de réduire le nombre d’aperçus d’articles générés par le code PHP.
4: Optimiser les feuilles de style CSS: CSS Compressor
Elle sont chargés une fois à chaque visite du site, leur compression permettra de gagner du temps de chargement pour un nouveau visiteur.
Il semble que l’avenir technique soit utilisation du site Internet CSS Compressor. Contre toute attente, la compression s’est bien déroulée, et pour l’instant je n’ai pas eu à déplorer de troubles dans la présentation de mes pages.
= Taille de mes 3 feuilles avant compression: 35 941 octets et aprés : 22 254 octets
5: Optimiser les JavaScripts : JS Minifier
Même fonctionnement que pour les feuilles CSS. Outils de compression utilisé sur le site fmarcia
= Taille de mes 6 fichiers avant compression: 41 761 octets et après : 58 086 octets
= Résultat après optimisation 4 et 5 : index de www.pierrejarlan.com : ADSL 1.44Mbps 8.94 seconds. et 128K 14.62 seconds. (Ok c’est vraiment négligeable).
6: mettre en place un système de cache :
La référence, pour wordpress étant wp-super cache. C’est celui que j’ai installé. Aucune modification particulière au cours de l’installation sur un serveur mutualisé OVH
J’ai modifié la durée de vie du cache , pour la porter de 3600 secondes (une heure) à 86400 (24 heures).
J’ai également supprimé l’exclusion du fichier index.php, en effet je souhaite qu’il soit lui aussi inclus dans le cache.
7: Supprimer les plug-in inutiles
Ou se chargeant d’inclure du code HTML rarement modifié. Notamment Google analytique. Il est nettement plus facile d’inclure soi-même dans le fichier PHP footer du thème le code de suivi.
Pour chaque plug-in supprimé ce sont des requêtes à interpréter par le serveur en moins à la fois en PHP et en accès à la base de données.
8: Tester le rendu de votre site Internet sur différentes plates-formes et explorateur Internet : browsershots.org
ce très bon site Internet, vous permet en 30 minutes de vous fournir une soixantaine de captures d’écran de votre site sur un ensemble de configurations Internet différentes, depuis différente localisation.
9 : Références
www.wordpress-fr.net
www.webdevonlinux.fr/2009/02/16/optimiser-le-chargement-votre-blog/>
www.skyminds.net : quelques-astuces-pour-accelerer-le-chargement-de-votre-site-et-faire-des-economies-de-bande-passante/>
www.sam-mag.com : rapidite-site >
www.papygeek.com: wordpress-optimiser-son-blog-avec-un-systeme-de-cache>
www.environnement-france.fr : accelerer-son-site-blog-wordpress www.environnement-france.fr accelerer-son-site-blog-wordpress>
Celui-là fonctionne bien http://webpagetest.org/
Perso j’ai dégoté un mod permettant de fusionner Super-Cache avec Minify, ce qui réduit considérablement le chargement des blogs Wordpress, j’explique tout ça dans un article (http://bit.ly/79fxkr)
Merci pour ces informations