Problèmes de lenteurs serveur ? Load average énorme !

Ce matin, j’ai été confronté à des problèmes de lenteur serveur. Des temps de réponses excessivement hauts, d’énormes latences en SSH, un load average énorme.

Quel a été la démarche pour résoudre ce problème ? C’est l’objectif de ce billet de présenter les problèmes rencontrés.

Tout d’abord, il faut savoir que j’ai mis en place un script de surveillance de la charge serveur. Celui-ci, qui tourne sur un cron, me prévient lorsque le load average dépasse 1.
J’ai volontairement mis la valeur assez basse, pour anticiper au mieux tout problème.

Si vous voulez en apprendre un peu plus sur ce qu’est le load average, je vous recommande cet article.

Le script que j’utilise est le suivant :

  1. max_loadavg=1
  2.  
  3. date=`date '+%d-%m-%Y'`
  4. loadavg=$(cat /proc/loadavg | awk '{print $1}')
  5.  
  6. if [ $(echo "$loadavg >= $max_loadavg"|bc) -eq 1 ]
  7. then
  8.  
  9. SUBJECT="`hostname` ALERT LOAD AVERAGE $loadavg(>$max_loadavg)"
  10. EMAIL="xxxxxxxxxxxx@xxxxxxx.xx"
  11. EMAILMESSAGE="Load Average : $loadavg on `date`"
  12.  
  13. echo $EMAILMESSAGE | mail -s "$SUBJECT" "$EMAIL"
  14.  
  15. fi
  16.  
  17. exit

Ce matin donc, je reçoit un mail pour me prévenir que la charge est trop importante. En effet, le message est le suivant
Load Average : 29.28 on dimanche 20 mars 2011, 07:08:01 (UTC+0100)

Je lance mon putty, et j’execute la commande suivante :

  1. root@r00000:~$ uptime
  2. 07:15:59 up  7:06,  2 users,  load average: 26.09, 29.07, 31.01

Le problème est bien toujours présent. Je commence ma recherche :

  1. top -b -n 1 | awk '{if (NR <=7) print; else if ($8 == "D") {print; count++} } END {print "Total status D: "count}'

Cette commande trouvée sur le net me permet d’obtenir une liste de processus source du problème.

Et là bingo, j’ai une liste considérable de processus cron dans ma liste : le problème vient de là, il ne me reste plus qu’à vérifier et à résoudre.

Je prend mon mal en patience, le temps d’ouvrir l’édition de crontab, je commente toutes les lignes, et je relance.
Plus de problème, la charge se remet à baisser, le soucis provient bien de là. Il ne me reste plus qu’à fouiner un peu les executions du cron pour trouver le problème et le corriger.

crontab se relance… et pour l’instant, je touche du bois !

Mettre en place un placeholder et son failback

Le HTML5 apporte un nouvel attribut aux champs input text et assimilés : placeholder.

Le principe de cet attribut est simple : lorsqu’un champ est vide, on affiche un texte de remplacement pour indiquer ce que doit contenir le champ. Il est très utilisé au niveau applicatif, comme dans l’omnibar de Firefox par exemple :

Placeholder de l'omnibar de Firefox

Le HTML5 nous permet de l’utiliser nativement. Cependant, cet attribut n’est pas encore disponible sous tout les navigateurs. L’objectif fixé par cet article est de mettre en place le système ainsi qu’un bon failback.

Pour effectuer tout ceci, j’utiliserais jQuery. Le script peut bien entendu être étendu à tout les framework, et je vous invite à mettre en commentaire le système avec d’autres systèmes.

Si l’on veut faire simple et tout gérer en JavaScript, il suffit d’écrire un code tel que le suivant :

  1. $('input[type="text"]').blur(function() {
  2.  if (this.value == '') {
  3.   this.value = this.defaultValue;
  4.  }
  5. }).focus(function() {
  6.  if (this.value == this.defaultValue) {
  7.   this.value = '';
  8.  }
  9. })

Ce modèle présente une limitation, mais nous verons ça plus tard.

Le premier point à mettre en place est la reconnaissance de la présence du placeholder. On va ici utiliser la même méthode que Modernizr :

  1. var input = document.createElement('input');
  2. if (!('placeholder' in input)) {
  3.  // Faire ici le traitement pour les navigateurs ne reconnaissant pas le placeholder
  4.  // Il suffit d'y placer le code précédent par exemple !
  5. } else {
  6.  // On supporte le placeholder : on vide la valeur par défaut
  7.  $('input[type="text"]').val('');
  8. }

Et voilà, le système est en place et il suffit de mettre en application le placeholder sur le champ input :

  1. <input placeholder="Entrez votre recherche" value="Entrez votre recherche" />

Aller plus loin :

Les plus perspicaces vont tout de suite remarquer la limitation de cette méthode : Obligation de vider la valeur du champ de formulaire, dont pas de valeur par défaut possible, Impossible de rentrer le même texte que le placeholder, …

On peut aussi parler du l’interdiction du JavaScript, mais je considèrerais cela comme un détail sans importance : les plus grands sites (gmail, facebook, …) obligeant à l’utiliser, j’ommetrais les visteurs récalcitrants.

Les problèmes exposés, attaquons la première amélioration :

Afin d’éviter les problèmes de valeurs par défaut, je vais utiliser la trop peu connue fonction de jQuery data.

  1. $('input[type="text"]').each(function () {
  2.  var $this = $(this);
  3.  var $default = $this.data('placeholder');
  4.  if ($default === undefined) {
  5.   return;
  6.  }
  7.  $this.data('placeholderactive', true);
  8.  $this.focus(function () {
  9.   if ($this.data('placeholderactive') === true &amp;&amp; $this.val() == $default) {
  10.    $this.val('').removeClass('placeholderactive').addClass('placeholderinactive');
  11.    $this.data('placeholderactive', false);
  12.   }
  13.  }).blur(function () {
  14.   if ($this.data('placeholderactive') === false &amp;&amp; $this.val() == '') {
  15.    $this.val($default).removeClass('placeholderinactive').addClass('placeholderactive');
  16.    $this.data('placeholderactive', true);
  17.   }
  18.  }).val($default).removeClass('placeholderinactive').addClass('placeholderactive');
  19. });

Et son nouveau champ input associé :

  1. <input placeholder="Entrez votre recherche" data-placeholder="Entrez votre recherche" />

Pour mettre un style différent sur le champ placeholder, j’ai utilisé deux classes : placeholderactive et placeholderinactive qui s’occupent respectivement d’avoir un style en mode “placeholder” et un style hors de ce mode.

A vous de jouer et d’implémenter ce nouvel attribut HTML5 sur vos site !

N’hésitez pas à partager vos méthodes pour les autres framework JS ou les améliorations à apporter à mon script jQuery.

Laissez votre iPhone choisir pour vous

Il m’a souvent été utile d’avoir un script pour tirer aléatoirement une valeur parmi plusieurs.
Le pile ou face étant limité à 2 choix, et comme je n’ai pas toujours de dés sur moi, j’ai décidé de développer une application pour mon iPhone, qui me permettrais de faire les choix à ma place.

Le fonctionnement est simple : Il suffit de rentrer les valeurs désirées, puis de cliquer sur le header “Random it!” pour voir apparaitre le résultat.

A quoi ressemble l’application :

Pour se rendre sur l’application, il suffit de naviger à l’adresse suivante depuis le smartphone : http://tools.brunosabot.com/random

La théorie veut que le fonctionnement soit le même sous un autre OS mobile comme Android, mais ce n’est pas testé.