Rendre les sites est important – pas simplement pour leurs propriétaires, mais aussi pour les utilisateurs. La rapidité rend les utilisateurs heureux et nous avons constaté dans nos études internes que lorsqu’un site répond lentement les visiteurs y passent moins de temps. Rendre un site rapide n’augmente pas seulement l’expérience utilisateur; de ressentes données montrent que cela réduit également les coûts. Comme nous, nos utilisateurs placent beaucoup de valeur dans la vitesse – c’est pourquoi nous avons décidé de prendre la vitesse en compte dans le ranking.

La nouvelle fonctionnalité est en test depuis quelques mois déjà et effective pour les recherche en anglais sur google.com. On pouvait entrevoir la nouveauté au travers de l’outil Google Webmasters Tools qui intègre depuis peu les performances des sites. Pour information, Google considérera qu’un site sera lent lorqu’il mettera plus d’une seconde à charger ! Je pense que beaucoup de personnes et notamment les développeurs vont s’arracher les cheveux… Je considère cette avancée des plus logique, cela va apporter un grand bouleversement (si il a lieu) qui sera profitable aux utilisateurs des sites internet, c’est à dire les internautes ! L’un dans l’autre tout le monde sera gagnant, car d’un part le site sera plus agréable à consulter (fini les sites qui mettent dix secondes à charger, vous voyez de qui je parle ?!) et ce sera également profitable pour les hébergeurs, car un site optimisé consomme moins de bande passante et sollicite moins les ressources serveurs !

Des questions subsiste quant à la prise en compte de cette valeur dans le calcul global du ranking :

• Quel sera le ratio ranking / performance ?
• Comment sera quantifié les extrêmes (de performance et de non performance) ?
• Qui sera concerné en premier ?
• Et enfin quand la fonctionnalité sera effective en France (si vous avez des réponses je suis preneur ) ?

Je le dis depuis des années que l’optimisation des performances est l’une des composantes essentielles d’un bon site internet. Tâche très (trop) souvent négligée, dont la raison principale est un manque d’intérêt des développeurs qui se focalisent sur le technicité du projet au détriment de son optimisation et par conséquent de son utilisabilité. Pourtant bon nombre de techniques existent pour optimiser un site internet :

• Mise en cache (les Framework Kohana, Zend, et bien d’autres l’intègrent) ce qui évite de faire appel aux bases de données,
• Optimisation des boucles,
• Simplification du modèle de données,
• Optimisation des requêtes,
• Compression des feuilles de styles et des fichiers javascript,
• Epuration des pages HTML (Google ne scanne pas en entier les pages trop longues)
• Etc…

Il existe encore beaucoup d’autres techniques, mais celles que je viens de vous citer sont les étapes élémentaires dans la conception d’un “bon” site internet optimisé pour un temps de chargement réduit. Maintenant  que Google l’intègre à son moteur de recherche, espérons que les prestataires de services Web seront plus attentif à cet aspect, les utilisateurs n’en seront que plus satisfait.

Néanmoins ce début d’année 2010 montre un changement : après avoir épuré tous les nouveaux concepts “hype”, les marques se disent qu’il est temps de réfléchir à leur ergonomie. Enfin ! Et la grande tendance est le minimalisme. Petite définition: la caractéristique du minimalisme dans le domaine de l’ergonomie internet consiste a épurer au maximum les interfaces graphiques dans l’objectif de se concentrer sur la fonction première de la page : économie maximale des moyens au service de la fonction première de l’élément.

Le plus belle exemple est la nouvelle interface de Google: il ne reste plus que le logo et le champ texte de recherche.

Google n’est heureusement pas la seule société, on constate plusieurs grands sites qui suivent la tendance: Dailymotion fin 2009, Facebook, la Centrale, Ebay…
La tendance est en marche, appuyée par le gourou de l’ergonomie : je pense à Apple qui a démystifié véritablement l’ergonomie avec l’Iphone ! Si vous chercher d’autres arguments pour amorcer un changement à votre niveau, il existe d’autres avantages à la pratique du minimalisme:

• Google apprécie de plus en plus les sites légers, du coup votre référencement naturel s’améliore sensiblement.
• Vous ferez des économies de serveur car le site sera moins gourmand.
• Vous améliorerez la vitesse d’affichage de vos pages et ferez économiser de la bande passante à vos visiteurs.
• …

Si vous souhaitez vous lancer dans la refonte de votre interface graphique en suivant cette tendance, il faut savoir qu’en ergonomie il existe 10 préceptes de base à suivre:

1. Une personne normalement constituée mémorise 5 types d’informations différentes sur un écran en moyenne (7 au maximum);
2. Les actions et informations similaires doivent être proches;
3. Il faut respecter une continuité visuel et uniformiser les styles graphiques pour ne pas perdre l’internaute;
4. Les couleurs doivent en rapports avec leurs significations (rouge danger ou erreur, vert rassurer ou valider, bleu conseil, orange action …);
5. Au maximum 3 cliques pour arriver à une information et 3 niveaux de profondeur pour une arborescence;
6. La hauteur de l’écran doit être proche de la hauteur d’un écran standard (au maximum 3 écrans avec une résolution moyenne);
7. Proposer des repères visuels à l’internaute pour le guider;
8. Les textes doivent être gros et les actions visibles (ajouter une couleur de fond et un état survolé aux boutons d’actions);
9. Dans une liste, les 3 premières informations sont consultées à 90%, le reste à moins de 30%;
10. Trop d’animation tue l’animation;

Je rédigerai un article plus détaillé portant du sujet prochainement.

Connaissez-vous Codeigniter, framework PHP ultra agile ? Je remercie au passage Yoann, qui m’a présenté ce framework il y a quelques mois ! Je dois dire que je n’ai jamais travaillé avec un framework aussi complet, structuré, abouti et simple d’utilisation. En un mot : tout y est !

Pour vous présenter rapidement la bête, Codeigniter repose sur un modèle MVC, qui à l’inverse de Zend est très bien pensé ! La syntaxe est simplifiée à son maximum, et les possibilités sont infinies ! J’apprécie particulière la souplesse du modèle MVC, il permet une manipulation très agile des formats de donnés. Outre la structure même du framework, votre application est découpée de la manière suivante:

• Config: vous y placez tout vos fichiers de configuration ;
• Controllers: vous permet d’instancier les Models et d’affecter les vues ;
• Errors: vous y définissez vos messages d’erreurs ;
• Helpers: vous y placez vos class dites « pratiques » ;
• Hooks: vous permet d’ajouter des scripts dans le processus d’exécution natif du framework ;
• Language: vous permet de définir vos fichiers de langue et de les affecter aux vues ;
• Libraries: vous y placez toutes vos librairies, j’y rajoute deux dossiers: php et js ;
• Models: vous y placez vos modèles qui seront les objets instanciés par les Controller ;
• Views: ici, vous placez les Views qui sont vos pages html, CodeIgniter ne propose pas de moteur de template en natif, néanmoins, il propose la class “Template Parser” reprend une syntaxe proche des principaux moteur de template.
• Pour ma part, je rajoute encore un dossier, Template qui contient les images, vidéos, audios, swf, css, et font.

La société derrière tout ça se nomme Ellislab qui est composée d’une dizaine de personne. Outre son activité de développement web, Ellislab propose également de l’hébergement et un CMS que vous pouvez tester içi. Je trouve le travaille de cette société vraiment impeccable. Ils réalisent des choses simples, complètes et faciles à prendre en main !
Je n’ai qu’un conseil à donner: testez !