Optimisation des performances du blog en quelques étapes
Comme je l’annonçais dans un précédent article, j’ai décidé de consacrer une partie de mon temps libre à améliorer les performances du blog. L’utilité étant double : les visiteurs et les robots. Dans cet article, j’abordais principalement l’analyse de la vitesse d’un site Internet grâce à des outils fort bien utile comme Google Webmaster Tool ou encore Pingdom Tools.
Aller plus loin dans l’optimisation d’un site
Après avoir analysé le site et avoir tiré des conclusions sur les défauts ou sur les fichiers qui ralentissaient le site, il est temps d’aller modifier quelque peu le code originel. Le blog tournant sur WordPress, c’est par son intermédiaire que j’expliquerai mon avancement. Mais c’est valable pour tout autre type de site internet !
Les 2 objectifs principaux fixés :
- Améliorer le SEO (Optimisation pour les moteurs de recherche)
- Améliorer le chargement des pages webs
La partie SEO
Afin de plaire aux moteurs de recherche, il est nécessaire de présenter des pages web conformes à leurs exigences. Pour cela, je vous propose d’analyser le SEO de votre blog ou de votre site avec des outils précédemments testé sur Sanctius.net
Ces sites évaluent votre site et indiquent quels sont les points qui doivent être modifiés. Je vous conseille donc de les reprendre un par un, et de corriger ces erreurs. Pour ma part, j’ai effectué ces quelques changements dans le thème du site :
- Hiérarchiser proprement les balises h1, h2, h3. (dans le sens où h1 doit se retrouver une fois par page, h2 une ou deux fois et h3 si nécessaire plus souvent)
- Ajustement des caractères dans les balises meta keyword ou description (même si celles-ci semblent moins importantes)
- Ajouter des titres à tous les liens dans le thème.
- Ajouter des attributs alt à vos images. Grâce à l’utilisation du plugin SEO Friendly Images, pour être également référencer dans les recherches d’images
- Ajouter des mots en gras, en italique et en souligné (titres, liens, …)
Pensez également à ajouter un fichier robots.txt et un plan de votre site (un plugin utile : Google XML sitemap)
Améliorer la vitesse du site
Pour rendre plus performant l’accès au blog, il est nécessaire d’effectuer quelques petites actions. J’expose dans l’article précédent (Tester la vitesse d’un site), les causes des lenteurs des sites web, voici quelques solutions :
- Optimiser les tables des bases de données, grâce à WP-Optimize par exemple
- Réduire le poids de vos images ! Très important. Utiliser les formats jpg de préférence et je vous conseille le plugin WP-Smush.it qui réduit au maximum le poids des images
- Penser à revoir les codes CSS. Par exemple mon background est très lourd, j’ai donc créé un fichier CSS qui le charge seulement à la fin grâce à sa position dans le footer.*
- Compresser les fichiers CSS et javascript
- Ajouter un système de cache à votre site. Testé et approuvé ! Un super gain de temps avec WP-Super Cache
* Il est nécessaire de savoir que l’exécution des pages se fait comme suit : le début (header) est chargé et ensuite le reste suit. Sachant que les fichiers CSS et JS se placent généralement dans le header, c’est la que la source d’optimisation peut être la plus bénéfique si bien exécutée. En effet, placer certains fichier dans le footer (à la fin donc) ne rimerait à rien puisque certains de ceux ci doivent être exécuté directement. Je penses à certains script Javascript qui ont besoin d’être chargé avant la mise en forme du site (idem pour les CSS). Dans mon cas que l’image du background se charge tout à la fin et permet de laisser la place au chargement des articles. De toute manière, le background finira par s’afficher et il n’est pas l’élément le plus important du site.
