K2 : un thème WordPress très rapide et avec de l’AJAX
J’ai découvert le thème WordPress K2 via le blog de Soymalau (je regarde souvent les thèmes des gens quand je trouve des choses intéressantes sur leurs blogs, en l’occurrence là , c’est le non-rechargement total des pages qui m’a alerté). Donc K2 est un thème WordPress, qui peut également être considéré comme un framework, dans la mesure où il va plus loin qu’un simple blog, et qu’il fournit pas mal de fonctionnalités supplémentaires (jusqu’à en être considéré comme trop compliqué par certains, qui pourtant ont un certain niveau à mes yeux : Créer un thème sous K2, il faut être courageux). Pour ma part, et comme je n’ai pas eu le temps d’aller aussi loin dans le code que Francis (et de toute façon, je n’ai pas son niveau), j’ai abordé ce thème sous un angle que j’affectionne davantage : la légèreté et le temps de réponse 🙂
Donc, d’abord en ce qui concerne les fonctionnalités, voici une liste non-exhaustive (prise chez Lunaweb) :
- inÂserÂtion faÂcile de moÂdules tels que l’exÂcellent UlÂtiÂmate Tag WarÂrior (perÂmetÂtant l’inÂserÂtion de tags dans chaque note et de faire un Tag Cloud sur son blog),
- perÂsonÂnaÂliÂsaÂtion de l’inÂterÂface graÂphique et du plaÂceÂment des difÂféÂrentes comÂpoÂsantes,
- moÂdule de comÂmenÂtaires dyÂnaÂmiques (en AJAX)
- moÂdule de reÂcherche dyÂnaÂmique (en AJAX)
- moÂdule RolÂling ArÂchives perÂmetÂtant de naÂviÂguer parmi les arÂticles sans reÂcharÂger la page (en AJAX)
Ce qui m’intéresse, c’est le côté AJAX. Mais en soit, cette fonctionnalité n’est vraiment intéressante que si les utilisateurs visitent le site, en cela qu’il visitent plus qu’une seule page (ce qui n’est pas le cas pour mon blog). Plus exactement : le non-rechargement d’une page ne se voit que quand vous êtes déjà sur le blog et que vous demandez une deuxième page. Hors, pour AbriCoCotier, je n’ai que 1,33 pages/visiteurs en moyenne, et, plus exactement j’ai en gros 1,10 page/visiteurs sur les pages « grand public » et 1,90 sur les pages traitant de sujets plus techniques. Comme la majorité de mes pages vues se font sur des pages « grand public », je n’ai pas un réel besoin de cet aspect AJAX.
Mais admettons. Prenons comme présupposé que je soit dans un bon jour, et que je n’aie que ça à faire de personnaliser un thème WordPress, et donc que je me lance dans celle d’un nouveau thème. Quel élément serait à mes yeux déterminant dans le choix de celui-ci ?
Le design (mais le design original de K2 n’est pas fantastique)
La « rapidité » du thème.
C’est donc sur la rapidité que je vais évaluer K2.
J’ai pris deux pages (page d’accueil + page Pourquoi Google investit 57 millions de dollars par an dans Mozilla), que j’ai évaluées pour chaque thème avec Pingdom Tools (dont j’avais déjà parlé ici : Sur WordPress, mieux que WP-Super-Cache : le cache statique à la racine).
Bien sûr, tout n’est pas comparable, vu que je n’ai pas intégré à K2 toutes les fioritures que j’ai intégré à Cleaker2.1 (le thème original à celui actuellement en place ici). Donc j’ai choisis de ne regarder que les premiers chargements pour faire une comparaison.
Page d’accueil
Pour le thème Cleaker2.1, les fichiers HTML de contenu de la page et CSS ont mis en tout 0,8 seconde à arriver, alors que pour le thème K2, ils ont mis en tout 1,2 seconde. Il faut pondérer cela avec le fait que le thème Cleaker2.1 contient pas mal de petites fioritures, comme des petites images par-ci et par-là , donc normalement le temps de charge est plus long. Pareil, le thème K2 fonctionne avec Jquery, qu’il faut bien télécharger (ça fait des fichiers JS en plus). On notera également que le CSS du K2 fait 27ko contre 10ko pour celui de Cleaker.
J’aurais donc tendance à penser que pour la page d’accueil, Cleaker2.1 reste légèrement plus rapide à charger que K2.
Voilà les deux screenshots des tests sur PingDom (cliquez sur l’image pour la voir en grand) :
Page de démo
Pour la page de démo, K2 envoie le HTML + CSS en 0,5 seconde, tout comme Cleaker2.1. Sauf que, comme le K2 est plus léger (car tout n’y a pas encore été intégré), le temps de chargement en est plus long.
Les deux pages sur PingDom(cliquez sur l’image pour la voir en grand) :
Bilan
Au final, ce qu’on en déduit est ce qu’on savait déjà plus ou moins. D’une part, le premier ennemi du temps de chargement est le nombre de fichiers à télécharger. Plus il y en a, plus il y a de requêtes successives, et donc plus ça prends du temps. Mieux vaut utiliser des sprites CSS, mais bien sûr ça n’est pas très facile avec un contenu qui évolue…
Pour le reste, le thème K2 ne semble pas vraiment beaucoup plus lourd et long à charger que le thème Cleaker2.1, alors qu’il rajoute pas mal de fonctionnalités intéressantes, comme le non-rechargement d’une page (ce qui est beaucoup plus agréable pour l’utilisateur, et qui pompe moins de ressource au serveur, à mon avis) et l’intégration des « réponses » dans les commentaires.
Vous serez peut-être intéressé :
- • Améliorer le temps de réponse de WordPress avec le .htaccess et PHP 5
J'expliquais dans un billet précédent une technique pour améliorer grandement la vitesse de réponse d'un blog sous Wordpress, et de passer, pour moi, d'un temps moyen de 1.6 seconde (pour une page déj...
- • Sur WordPress, mieux que WP-Super-Cache : le cache statique à la racine
Ce blog est sur son propre serveur depuis maintenant quelques mois, mais pour autant je souffre toujours de lenteurs pour l'envoi des pages. Pourquoi cela ? Plusieurs raisons : le poids de la page, le...
- • 2 thèmes carte-de-visite pour WordPress à télécharger gratuitement
J'avais ces deux thèmes dans mes marques-pages depuis longtemps, et je sens que si je n'en fait pas un billet, je vais finir par les perdre, les oublier, ou bien les supprimer. Bref : j'en fait un bil...
- • 15 thèmes wordpress gratuits à télécharger
Voilà voilà , je met au téléchargement (tout à fait gratuit) 15 thèmes Wordpress trouvés ça et là sur le net. Non, il n'y a pas de traquenard, les thèmes fonctionnent, rien à payer. C'est tout gratuit....
- • Mise à jour de WordPress en ligne de commande
Je viens de mettre à jour Wordpress en ligne de commande, et je me disais que faire un récapitulatif des étapes pourrait s'avérer être une bonne chose. Au passage, la montée de version d'un logiciel s...
2 commentaires sur ce billet
Laisser un commentaire
- 11 March 2018Comment bloquer toutes les pubs sur son réseau internet avec Pi-Hole(0) Comments
- 21 January 2018Migrer de Calendar vers ZonedDateTime & LocalDateTime(0) Comments
- 20 January 2018Comment récupérer une base de code Spring Boot/Maven rapidement(0) Comments
- 20 January 2018Comment utiliser IntelliJ Idea Ultimate gratuitement et légalement sans limite de durée(0) Comments
- 08 December 2017ffmpeg : comment Ré-encoder et/ou faire tourner (réorienter) une vidéo en ligne de commande(0) Comments
- 19 November 2017Remplacer du texte via Regex dans les post de Wordpress(2) Comments
- 16 November 2017Lancement d'une fusée : quel est le découpage du prix de chaque élément ?(0) Comments
- 17 September 2017Comparatif des offres de stockage de gros volume sur le net(2) Comments
- 13 August 2017Bolivie – Jour 20 : Visite de La Paz(0) Comments
- 13 August 2017Bolivie – Jour 19 : La route de la mort dans les Yungas(0) Comments
AJAX et wordpress … attention au référencement ! Je ne pense pas que ce soit une bonne idée, mais si j’admire la prouesse technique 🙂
Bonne fin d’après midi 🙂
@jaguie : utiliser de l’ajax ne pose pas de problème de référencement en soi, il suffit d’adjoindre un lien vers la page que pourra loadera single.php et sera vu comme une page à part entière par google.