Dans la famille des WordPress Themes Frameworks, Thematic se présente comme un framework pour WordPress permettant de créer des thèmes optimisés SEO (Search Engine Optimization) à l’attention des blogueurs débutants ou des professionnels du développement. Je l’ai utilisé sur ce blog en attendant de créer 942, mon nouveau thème WordPress à partir d’une toute nouvelle charte graphique. J’ai laissé Thematic en l’état pendant plusieurs mois sans ajouter d’images, même pour le logo. Si l’extrême sobriété de Thematic incite à penser que sous le capot tout a été optimisé pour assurer un affichage rapide, sachez qu’il n’en est rien.
J’avais déjà un doute en regardant l’organisation des différents fichiers composant le thème : sous prétexte de généricité, on trouve des appels de fonctions pour tout et n’importe quoi. Comme je n’aime pas vraiment construire sur des fondations douteuses (ou que je maitrise mal), je suis parti d’une page blanche en ce qui concerne le marquage HTML et le fichier functions.php. Pour les CSS, je me suis laissé tenté par Boks pour le calcul de la grille de mise en page.
Dans la foulée, j’ai modifié la structure de mes permaliens, supprimé le répertoire /blog, et je suis allé prévenir Google de toutes ces modifications via Google Webmaster Tools.
WTF! (WordPress Theme Framework)
Amélioration notable des performances : les pages se chargent beaucoup plus rapidement.
Quelle ne fut pas ma surprise en voyant que les pages de mon site se chargeaient en 5 à 10 secondes avant le changement de thème pour passer à moins de 2 secondes ensuite, alors que j’ai ajouté des miniatures au début des billets en page d’accueil et des visuels de manière plus systématique dans les articles !
Statistiques de l’exploration
Voici quelques captures d’écran de la page Diagnostic de Google Webmaster Tools concernant les 90 derniers jours qui englobent les données récoltées avec le thème Thematic (jusqu’à mi-novembre) et le nouveau thème pour la suite. L’absence de données autour du 11 novembre s’explique aisément : j’ai oublié d’insérer le script Google Analytics dans mon thème sur cette période ^_^v
Hasard du calendrier ou relation de cause à effet, le volume global des pages explorées augmente à partir de mi-novembre.
Nombre de pages explorées par jour
Mettez votre blog au régime parce qu’il le vaut bien ;)
Nombre de Kilo-octets téléchargés par jour.
Désengorgez le réseau avec des pages profilées comme des fusés !
Temps de téléchargement d'une page en millisecondes.
Le temps, c’est de l’ergonomie
Qu’il s’agisse d’optimiser ses fichiers CSS, sa base de données, ses fichiers HTML ou Javascript, les performances web ont fait couler beaucoup de pixels en 2009 et nul doute que ça continuera en 2010.
L’ami Google, toujours prompt à encourager chez les autres les pratiques qui vont dans le sens de ses affaires, envisage de prendre en compte le temps de chargement pour le classement d’une page web dans les SERP’s.
Or, le choix d’un thème pour WordPress se limite souvent au nombre de colonnes ou à des éléments bassement matériel comme la couleur du fond ou la présence de coins arrondis ^^
J’espère que ce billet vous donnera envie d’améliorer les performances de votre site ou de votre blog pour offrir une meilleure expérience de navigation à vos lecteurs, parce qu’ils le valent bien !
Articles sur le même sujet
PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car Il n'y pas d'amour, il n'y a que des preuves d'amour
(Jean Cocteau) ;) Merci d'avance.
Afin de satisfaire le plus grand nombre, j'ai ajouté
un bouton Flattr parce que vous le valez bien ;)
[...] This post was mentioned on Twitter by Olivier Depiesse, Bruno Bichet. Bruno Bichet said: Performances web avec WordPress : méfiez-vous des « Themes Frameworks » http://j.mp/5XzRrE [...]
Et le thème framework avec Super Cache ça change pas grand chose ?
J’avais commencé à regarder Carrington à une époque, mais rien que le fait de lire « il faut activer WP Super Cache pour éviter de plomber les perfs », je me suis dis que j’irai pas m’enfermer dans ces outils.
Avec la version 2.9 y’a plein de facilités en plus pour le theming (qui ne reposent enfin plus sur les ID de catégories ou de pages/posts). L’idéal est de se constituer sa boîte à outil de classes ou fonctions à inclure dans functions.php et hop.
C’est ce que je suis en train de me constituer au fur et à mesure, afin d’éviter le copié/collé.
J’ai constaté les mêmes problèmes que toi sur Hybrid, Sandbox, Thematic et Carrington. Je me disais ce matin que j’allai prendre un peu de temps pour tester Genesis le nouveau framework de Brian Gardner (plus d’infos ici : http://www.studiopress.com/announcements/introducing-the-genesis-theme-framework.htm) Il est sortit hier, peut-être n’a t-il pas les défauts des autres.
Tu penses que les problèmes de latence sont inhérents au concept même de framework?
A noter aussi que Google compte prendre en compte la « fraicheur » du contenu en paramètre : Contenu quotidien + site rapide à charger = nouveaux paramètre importants pour le référencement ?
Très bon article, et merci pour le lien =)
@Oncle Tom — Pour ma part, peu à peu je me dirige vers le sur-mesure. Je pars du brief et je liste les fonctionnalités, les bouts de code dont je pense avoir besoin pour aboutir au résultat attendu. Pas (ou plus) de recette toute faite, j’essaie de retrouver le goût du jeu et WordPress est un bon terrain à ce niveau ;)
@Laurent DEMONTIERS — Je n’irais pas jusque à dire que les frameworks posent systématiquement des problèmes de performances et d’ailleurs, avant de tomber sur les graphiques de Google Webmaster Tools concernant Thematic, je ne m’en étais pas trop inquiété. Il faudrait faire des tests un peu plus systématiques sur le nombre de requêtes et le temps nécessaire pour l’affichage d’une page pour se faire une idée plus précise. Peut-être lors d’un prochain billet ;)
@Geek Arlier — oui, on dit que Google met en avant la fraicheur du contenu depuis maintenant tellement de temps que ça finit par devenir une légende urbaine. Je suis effectivement enclin à penser que Google essaie de crawler le web le plus rapidement possible, et a donc besoin que les webmasters portent un intérêt accru aux performance de leurs sites web… Ceci expliquant peut-être cela ^_^
Bonne année.
Bonjour, J’ai trouvé l’article intéressant et je suis d’accord avec les conclusions, rien de mieux que le sur-mesure…
Serai-t-il possible d’avoir des infos sur les outils qui t’ont permis de faire les captures sur les perfs ??? Est-ce ton host qui te fournit ces infos ???
Désolé pour la réponse tardive : les captures proviennent de l’onglet « Diagnostic » de Google Webmaster Tools (https://www.google.com/webmasters/tools/)
[...] ce propos, j’ai eu l’occasion d’utiliser Thematic sur ce blog il y a plusieurs mois et j’avais trouvé que le framework avait une marge de [...]
Je reviens sur ce post avec le tweet de ce matin. J’étais justement en train de regarder le thème Thematic_HTML5Boiler et je me faisais la réflexion que ce thème était d’une grande complexité. En effet, il y a des appels de fonction permanents (certaines fonctions étant presque vides). Même si le code est très bien structuré, j’avais des doutes sur l’efficacité en temps de réponse de celui-ci. Avec cet article, mes doutes sont confirmés. Je vais donc laissé de coté ce framework. En revanche, si tu avais un template de base (pour ne plus dire framework) en HTML5, je suis preneur !
[...] conviennent vraiment à ce que vous voulez. Personnellement, j’en suis revenu à cause du manque d’optimisation : « qui trop embrasse mal étreint » [...]
Comment interpréter la chute des Kilo-octets téléchargés par jour ? Si Google crawle plus souvent et en plus grand nombre tes pages, le volume de Kilo-octets téléchargés par jour devrait … augmenter non ?
[...] — Mélange de Thematic et de HTML5 Boilerplate. Reprend les fonctionnalités apparues dans TwentyTen (Images, [...]
[...] — Mélange de Thematic et de HTML5 Boilerplate. Reprend les fonctionnalités apparues dans TwentyTen (Images, [...]
[...] — Mélange de Thematic et de HTML5 Boilerplate. Reprend les fonctionnalités apparues dans TwentyTen (Images, [...]
Je viens de tomber sur l’article, même si c’est pas jeune je trouve que la a corrélation que tu affiches est vraiment spectaculaire ! Petite question : comment détecter dans la construction du thème ce qui prend du temps à construire ? Pour le moment j’ai éliminé tous les éléments superflus à l’aide de firebug mais mon index prend du temps à se construire. Je veux bien faire le ménage mais pas ou commencer ? :)
[...] Performances web avec WordPress : méfiez-vous des « Themes Frameworks » [...]