Tout le bonheur du monde 2.0 - Tag - blog

Mise à jour de mon blog

Khaos Farbauti Ibn Oblivion — Wed, 13 Aug 2008 13:08:00 +0200

Le 1 aout est sortie la version définitive de Dotclear 2, le moteur de mon blog.

J'ai donc mis à profit aujourd'hui un peu de temps libre pour mettre à jour mon blog de manière transparente pour vous. (la plupart des nouveautés se situent coté administration)

SI jamais vous détectez un souci quelque part, n'oubliez pas de me l'indiquer mais normalement la mise à jour s'est déroulé parfaitement et sans que personne ne voit rien passer

Et si mon blog prenait des vacances ?

Khaos Farbauti Ibn Oblivion — Tue, 29 Jul 2008 15:39:00 +0200

Quand je vois tout autour de moi le monde entier prendre des vacances, aussi bien les politiques que, plus près, mon coin de la blogosphère, je m'interroge (pour ne pas dire je m'insurge).

Pourquoi serais-je le seul à maintenir une moyenne d'écriture d'un billet par jour alors que le reste du monde s'atrophie les neurones sur la cote d'Azur, ou à Paris ? (ce qui n'est certes pas la même chose d'un point de vue ensoleillement mais qui reste tout aussi efficace au niveau de l'atrophie)

Donc, bien que conscient que mon neurone n'a aucunement l'intention de se faire atrophier ni de près ni de loin (c'est un rebelle le bougre), que diriez-vous, vous, lecteurs, si mon blog faisait silence quelques jours/semaines/mois ?

Attention à ce que vous allez dire...

Guide d'optimisation des blogs Dotclear 2 (partie 3)

Khaos Farbauti Ibn Oblivion — Wed, 23 Jul 2008 07:05:00 +0200

Et voici la troisième (et théoriquement dernière) partie de mon guide d'optimisation des blogs Dotclear 2 (seconde partie)

Les 3 nouvelles techniques décrites ci-dessous apporteront la petite touche finale qui vous permettra de gagner les quelques secondes supplémentaires qui transformeront votre blog en véritable bijou de rapidité.

Comme à chaque fois, je vous recommande de mesurer systématiquement les résultats obtenus en appliquant ces techniques d'optimisation afin de ne conserver que celles véritablement adaptées à votre blog.

Technique n°7 : Utiliser des sprites

Comme nous l'avons vu dans la première partie de ce guide, ce sont généralement les images qui impactent le plus le temps de chargement. Il est donc nécessaire d'en réduire le nombre et la taille au maximum.

Mais on se retrouve parfois obligé d'utiliser beaucoup d'images pour de simples raisons esthétiques et fonctionnelles (par exemple sur mon blog, les smileys en bas et les icônes "Partager" dans le menu)

Il est alors temps de passer aux sprites. Le concept est tout simple, il s'agit de regrouper plusieurs images en une seule. Puis, la partie un peu plus complexe, de n'afficher que la partie de l'image globale qui nous intéresse au bon endroit.

Pour vous donner un exemple concret, les icônes de ma section "Partager" ne sont en fait qu'une seule et même image. J'utilise ensuite le code css pour la découper en morceau et n'afficher que les morceaux qui m'intéressent.

Alors pourquoi est-ce que les sprites améliorent la vitesse ? Et bien regardons, en simplifiant, ce qui se passe si l'on affiche une page avec 10 images :

Le navigateur va d'abord rechercher l'image 1 (temps 1), puis la télécharge (temps 2), puis l'affiche (temps 3), puis il va chercher la deuxième image (temps 4), la télécharge (temps 5), l'affiche (temps 6), etc... jusqu'à la dixième

Maintenant si, au lieu des 10 images, on utilise une seule image contenant 10 sprites, le navigateur va rechercher l'image (temps 1), puis la télécharge (temps 2), puis l'affiche (temps 3)... et c'est tout ! On réduit donc de manière significative les temps de recherche et d'affichage.

Par ailleurs, il y a un effet "bonus" : lorsqu'on regroupe plusieurs images en une seule, en règle générale, l'image globale a une taille (en octets) inférieure à la somme des images d'origine. On économise donc également sur le temps de téléchargement.

Voilà pour la théorie, passons à la pratique. Comme tout le monde préfère les choses simples, il existe des outils pour mettre en place facilement des sprites. Notamment CSS Sprite Generator

C'est en anglais mais le mode d'emploi n'est pas compliqué : vous réunissez toutes vos images dans un fichier zip que vous indiquez dans la case "Upload Images (ZIP)" du site puis vous appuyez sur le bouton "Create Sprite Image & CSS" tout en bas (vous pouvez laisser les options par défaut le temps de vous familiariser avec l'outil)

Vous obtenez alors une image au format PNG, optimisée, regroupant toutes vos images. Ainsi que le code css à utiliser dans votre feuille de style et voilà !

Technique n°8 : Le flush

Pour se reposer de la technique précédente assez complexe, en voici une autre dont l'impact est minime mais très simple à mettre en place.

Ouvrez vos fichiers de template dotclear 2 (home.html, post.html, archive.html, etc...) et insérez

<?php flush(); ?>

juste après la balise "</head>" (et donc juste avant "<body")

Voilà c'est tout !

Grâce à cette commande, on demande au navigateur d'afficher la page "tout de suite" sans attendre la fin du téléchargement. Le résultat varie selon les navigateurs mais permet de diminuer le temps d'attente perçu par l'utilisateur. (c'est à dire le temps durant lequel, il ne s'affiche rien dans le navigateur)

Technique n°9 : Encore plus vite pour les habitués

Les navigateurs Internet utilisent un système appelé "cache" pour vous permettre d'accéder plus vite à vos sites habituels. Le principe est simple : lorsque vous vous connectez une première à un site, les composants de ce site sont stockés sur votre ordinateur. Ensuite lorsque vous retournez sur cette page, au lieu de re-télécharger tous les composants, il suffit de prendre ceux stockés localement sur votre ordinateur, ce qui est beaucoup plus rapide.

Le problème c'est que, pour qu'un cache soit efficace, il doit être capable de déterminer les composants qui ne changent pratiquement jamais (et qu'on peut donc tranquillement mettre en cache) et ceux qui au contraire change sans arrêt (qu'il ne faut donc surtout pas mettre dans le cache)

Afin d'optimiser l'affichage de votre blog Dotclear 2 pour vos visiteurs, il peut donc être utile de définir vous-même ce qui doit ou ne doit pas être mis en cache.

Pour cela il suffit d'éditer le fichier ".htaccess" qui se trouve à la racine de votre installation dotclear 2 et d'y ajouter les lignes suivantes :

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 1 seconds"
ExpiresByType text/html "access plus 1 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 216000 seconds"
ExpiresByType application/x-javascript "access plus 216000 seconds"
</IfModule>

Dans cet exemple, on indique que globalement les images (gif, jpeg, png) ne change quasiment jamais (donc on peut tranquillement les mettre longtemps en cache). Les feuilles de styles (css) ne change pas beaucoup non plus (évitez cette ligne si vous changez de thème tous les jours). Le javascript évolue peu lui aussi (dans mon exemple, il évolue néanmoins plus souvent que les feuilles de styles). Et enfin, dans cet exemple, les fichiers html ne sont jamais mis en cache. (C'est préférable sur un blog afin de toujours bien afficher les nouveaux commentaires ou les nouveaux billets).

Il ne vous reste plus qu'à adapter cet exemple en fonction de vos besoins.

Ainsi s'achève mon guide d'optimisation, j'espère qu'il vous aura été utile et que votre blog sera désormais plus rapide que jamais !

Que la paix soit avec vous.

(Partie 1)(Partie 2)

Blablabla, salaire de ministre, blablabla

Khaos Farbauti Ibn Oblivion — Thu, 03 Jul 2008 13:01:00 +0200

Non fidèle lecteur, sois rassuré : ma vénérable personne (dont le pelage tend prudemment mais fermement vers le gris) n'a subi aucune atteinte à son intégrité et sa cohérence anatomique. La diminution récente et manifeste de mon verbiage légendaire prend sa source dans une invasion soudaine autant qu'intempestive de mes neurones par ces petits désagréments de la vie que l'on regroupe communément sous l'appellation "travail".

En effet, il faut savoir que, ces derniers mois, mon humble moi-même n'était ni véritablement sur le marché du travail ni véritablement en dehors, flottant sur la ligne du "Je fais ce que j'aime mais ça ne paye pas dur" (Un grand classique de notre monde actuel, que vous vivrez tous tôt ou tard si ce n'est déjà fait)

Situation idyllique qui me permettait de faire avancer de front des dizaines de projets enthousiasmant tout en m'octroyant une part non négligeable de temps dédié à la détente (Oui, vous apprendrez que le Khaos est beaucoup plus productif en dehors du cadre et des règlementations du travail, qu'au dedans)

Or, et cela n'aura sans doute échappé à aucun membre de mon fan-club, je suis désormais légalement tenu de contribuer à la survivance de ma, toute nouvelle, cellule familiale personnelle. Et ma contribution financière se doit de redevenir significative sous peine de sanctions, terribles, à caractère ménager et animalier (Les propriétaires d'amis poilus de toutes espèces comprendront)

Bref, si je ne peux que me réjouir du retour de mon salaire de ministre, un impact non négligeable est à prévoir sur mon blog.

Attention néanmoins, il ne s'agit pas de faire mon KannTo en réduisant mes écrits à peau de chagrin, mais c'est par contre le retour des textes long et pompeux qui ont fait ma renommée (Le cynisme est bien sûr prévu lui aussi, mais là la liesse générale due à la libération d'Ingrid m'a tellement engluée dans le bonheur et la joie qu'un léger délai s'avère nécessaire pour m'en remettre)

Je tenterai néanmoins de conserver la spontanéité juvénile de ces derniers mois avec quelques vidéos ponctuelles et bien sûr des images de ma personne, ma vie, mon oeuvre. (...et de mon mariage, n'ayez crainte )

Que la paix soit avec vous.