lundi 16 mars 2009

Preview du nouveau thème du blog

Comme annoncé précédemment, blog de Geeek se prépare à changer de thème. Le nouveau thème du blog est en phase de spécifications depuis plusieurs jours, et je souhaite aujourd'hui vous présenter un "draft" pour avoir votre ressenti.

Ce draft a été créé à partir d'idées trouvées ici et et il tient compte de vos remarques.

theme-geeek.jpg


  • Nouveau logo : Le chiffre 3 rappelle le L33T et met en avant la présence de 3 "e" dans le nom de domaine.
  • Couleurs : Je suis resté dans quelque chose de très sobre et de très aérien.
  • Formes : Fini le formes carrés, laissons la place aux arrondis et aux dégradés.

J'attends avec impatience vos premiers commentaires et retours sur le design ;-)

mardi 17 février 2009

Optimisation de la consommation CPU de mon serveur Dedibox

serveur_dedibox.gif

Depuis quelques jours, je me suis lancé dans une phase d'optimisation de la consommation CPU de ma Dédibox et voici le résultat :

optimisation_cpu.png

Comme vous pouvez le constater, le résultat est plutôt positif. Depuis le 14 février, la consommation CPU moyenne de mon serveur est descendue aux alentours de 7%. Les pics d'activité ne se font plus du tout ressentir sur le CPU du serveur.

J'utilise déjà un cache mémoire au niveau de mon blog qui me permet cacher les pages HTML afin d'éviter de les régénérer à chaque nouveau visiteur. Ce cache mémoire me permet d'économiser beaucoup de CPU, la plupart des pages délivrées par Dotclear sont en fait des pages déjà générées et gardées en mémoire par APC.

Mes optimisations de ces derniers jours ont portés sur 4 points :

  • Le tuning de la base MySQL : J'ai utilisé le fameux script d'optimisation qui m'a donné pas mal de bons conseils sur les options à modifier dans ma configuration MySQL afin d'optimiser les performances de ma base, notamment sur les options du Query Cache.
  • La suppression des snaps dans les commentaires et remplacement par des Gravatars : les billets qui possèdent 230 commentaires sont très problématiques, ils augmentent le nombre de hits HTTP et dégradent inexorablement les performances du serveur. A chaque commentaire une requête HTTP de chargement de l'avatar était réalisée, pour un article qui possède 230 commentaires, 231 requêtes HTTP sont envoyées pour charger l'ensemble du contenu de la page. J'ai donc décidé de déléguer aux serveurs Gravatar la gestion des avatars des commentaires sur mon blog.
  • La modification des plugins qui utilisent le script "load_plugin_file.php" pour le chargement des ressources statiques. Je préfère déléguer le chargement des ressources statiques des plugins à Lighttpd, cela me permet d'économiser mon pool de threads PHP et donc d'économiser du CPU. J'ai donc modifié le plugin "lightbox" et "atReply" pour mes besoins.
  • La suppression dans mon thème des tags "EntryNext" et "EntryPrevious" dont les requêtes SQL sont assez gourmandes en CPU (surtout si votre blog contient beaucoup d'articles). Aujourd'hui, il n'existe pas vraiment de solution simple pour optimiser ces deux requêtes, j'ai donc préféré supprimer ces tags de mon thème en attendant de trouver une solution plus performante.


Avec cette Dédibox et ces modifications, je devrai pouvoir monter facilement à 50 000 pages vues par jour sachant que serveur délivre aujourd'hui autour de 5000 pages par jour.

Il ne me reste qu'à attendre le prochain gros buzz pour vérifier cette théorie ;-)

lundi 16 février 2009

De retour de l'install party Dotclear

dotclear_logo.png

Je suis de retour de l'install party Dotclear qui s'est déroulée hier à Paris dans la brasserie "Le bon pêcheur".

J'ai pu faire la connaissance de nombreuses personnes dont je ne connaissais que le pseudo et j'ai enfin pu mettre un visage sur ce fameux Olivier Meunier ;-)

Je remercie toute l'équipe d'avoir organisé cette rencontre, et j'encourage tous les utilisateurs de Wordpress à tester au moins une fois Dotclear 2. J'ai moi-même installé Wordpress hier l'histoire de me cultiver et de mourir moins bête, j'ai très vite compris que je continuerai encore longtemps à utiliser Dotclear. Personnellement, je trouve les thèmes Wordpress incompréhensibles ... Je ne sais pas comment font les créateurs de thème font pour s'y retrouver dans ce méli-mélo de code PHP mélangé à du HTML.

Pour les absents, une seconde rencontre aura lieu le 14 mars prochain.

Thème Dotclear 2 : Sterenn

Je viens de réaliser un thème pour Dotclear 2 que j'ai joliment nommé Sterenn. Sterenn signifie étoile en breton, c'est aussi le prénom de ma future femme ;-)

theme-sterenn.jpg

Le thème est distribué en licence GPL 2.0.

http://themes.dotaddict.org/galerie-dc2/details/Sterenn

dimanche 15 février 2009

Rencontre Dotclear : C'est aujourd'hui !

dotclear_logo.png

Pour ceux et celles qui auraient oublié, une rencontre Dotclear est organisée cette après midi à Paris.

Pour en savoir plus, rendez-vous sur le blog Dotclear.

J'y serai présent à partir de 14h. Si vous comptez y aller, ça sera l'occasion de se rencontrer ;-)

samedi 14 février 2009

Astuce Dotclear #5 : Gravatar tu utiliseras

Voici une petite astuce simple pour intégrer les Gravatars aux commentaires de votre blog Dotclear 2.

Il suffit de copier/coller le code suivant :

<a href="{{tpl:CommentAuthorURL}}">
<img src="http://www.gravatar.com/avatar.php?
gravatar_id={{tpl:CommentAuthorMailMD5}}&amp;size=60&amp;default=
http%3A//www.votre-site-internet.com/image-par-defaut.jpg"

alt="gravatar" class="avatar" />

</a>

Dans le fichier "post.html" de votre thème, juste au-dessus de :

{{tpl:CommentContent}}

N'oubliez pas de modifier l'URL de l'image par defaut qui apparaîtera lorsque l'auteur du commentaire ne possède pas de Gravatar. Vous avez aussi la possibilité de modifier la taille du Gravatar en jouant sur l'attribut "size" passé dans l'URL du Gravatar.

Pour obtenir un Gravatar qui s'aligne correctement dans vos commentaires avec une petite bordure esthétique, vous pouvez ajouter le style suivant dans la CSS de votre thème :

#comments .avatar, #pr .avatar{
        float: left;
        margin-left : 3px;
        margin-right: 12px;
        padding: 4px;
        border: 1px solid #CCC;
}


Découvrez les autres astuces Dotclear 2 :

samedi 31 janvier 2009

Astuce Dotclear #4 : Meta Keywords tu rempliras

Voici une petite astuce qui vous permettra de laisser Dotclear 2 remplir automatiquement les "meta keywords" de votre blog :

<meta name="keywords" content="<tpl:MetaData limit="20">{{tpl:MetaID}},</tpl:MetaData>" />

Les 20 tags les plus utilisés sur votre blog seront ainsi insérés de manière automatique dans ce champs "Meta Keywords".

Même si Google ne tient plus vraiment compte de ce champs "Meta Keywords", cela vous permettra d'obtenir un 20/20 à Check-mon-referencement ;-)

Les autres astuces Dotclear :

mardi 23 décembre 2008

Comment augmenter son nombre de subscribers Feedburner sans tricher

feedburner

Un moyen simple et très efficace est de rediriger toutes les requêtes HTTP en destination des flux RSS/Atom de votre blog vers l'URL de votre flux Feedburner. Attention, toutes sauf celles de Feedburner bien sûr, afin que Feedburner puisse continuer à butiner les flux générés par votre plateforme de blog.

Cette technique vous permettra de comptabiliser dans Feedburner tous les lecteurs, incluant :

  • les lecteurs qui se sont inscrits à votre flux avant que vous ayez créé votre compte Feedburner
  • les lecteurs qui ont utilisé d'autres moyens que votre lien d'abonnement pour s'abonner à votre flux RSS.


Comment faire la séparation entre les requêtes provenant de Feedburner et les autres requêtes HTTP ?

Et bien c'est très simple, il suffit de se baser sur le User-Agent fourni dans les requêtes HTTP. Les 'spiders' Feedburner utilisent le User-Agent "FeedBurner" au sein de leurs requêtes HTTP, il suffit donc de mettre en place un système de redirection basé sur ce User-Agent directement sur votre serveur Web.

Voici un exemple de configuration pour le serveur Web Lighttpd , dans cet exemple l'URL de mon feed Feedburner est http://feeds.geeek.org/blog-de-geeek.

# RSS Dotclear 2
$HTTP["useragent"] !~ "FeedBurner" {
   url.redirect = (
        "^/index.php/feed/rss2$" => "http://feeds.geeek.org/blog-de-geeek",
        "^/index.php/feed/atom$" => "http://feeds.geeek.org/blog-de-geeek"
    )
}

Voici un exemple de configuration avec Apache cette fois :

# RSS Dotclear 2
RewriteEngine on
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} !FeedBurner
RewriteRule ^/feed/rss2$ http://feeds.geeek.org/blog-de-geeek [R=301,L]
RewriteRule ^/feed/atom$ http://feeds.geeek.org/blog-de-geeek [R=301,L]

Cette astuce est très simple à mettre en place et vous permettra de suivre de nouveaux lecteurs qui se sont inscrits à votre flux RSS depuis plusieurs mois peut-être. Cette petite astuce m'a permis de gagner environ 1400 lecteurs sur mon compteur Feedburner.


Remarque importante : Si vous utilisez Feedburner, n'oubliez pas à mettre à jour l'URL de votre flux RSS dans le tag HTML ci-dessous sur votre plateforme de blog. Firefox utilise ce type de tag pour détecter automatiquement les flux RSS.

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://feeds.geeek.org/blog-de-geeek" />

- page 1 de 4