Optimisation de Dotclear 2 : installation de l'extension Static Cache

Dotclear 2 est un programme écrit en php et mysql : à chaque fois que vous cliquez sur un lien, le programme va retrouver dans la base de données le contenu de la page et l’envoyer au navigateur. Cette opération prend un certain temps. Si le site était constitué de pages statiques (des fichiers html déposées tels quels sur le serveur), l’affichage serait beaucoup plus rapide car il n’y aurait pas d’accès à la base de données et pas de fonctions en php à exécuter. En revanche, par rapport à un site statique, le site en php permet d’avoir de l’interactivité (commentaires, rétroliens), une fonction recherche, etc.

Il existe une solution pour avoir le meilleur des 2 mondes : l’extension Static Cache. Cette extension va créer pour chaque page visitée (par des robots ou des humains) une version html qui sera logée dans le répertoire cache de dotclear. Si la page n’a pas été modifié depuis la mise en cache c’est la version html qui est envoyée au visiteur, si la page a été modifiée (cela peut être un simple ajout de commentaire), une nouvelle version de la page html est créée et envoyée. Les pages mettent maintenant 2 fois moins de temps pour être envoyées. :-)

Pour activer l’extension, il faut modifier le fichier config.php et ajouter ces deux lignes (à adapter si vous avez une installation un peu spéciale) :


define('DC_SC_CACHE_ENABLE',true);
define('DC_SC_CACHE_DIR',dirname(__FILE__).'/../cache/static');

Si vous tournez sur DC2 avec un hébergement mutualisé, je vous conseille fortement cette solution. :-)

Masquer et afficher des éléments HTML avec jQuery

Une petite page de test qui masque des éléments sans les masquer : ils sont envoyés en dehors de la page, ce qui devrait améliorer l’accessibilité pour les personnes aveugles. Si javascript est désactivé tout est déployé. Je vous laisse découvrir le code source de la page dans votre navigateur… :-)

Pour l’adapter au menu de votre blog doclear2, il faut faire une sélection sur #blognav h2 et travailler avec des liens sur ceux-ci (de préférence mettre le code javascript dans un fichier externe).

Cette page est une adaptation du tutoriel d’alsacréations pour créer un menu accordéon.