Ergonomie, Rails et Architecture de l'information web (2.0)

Les problèmes de performances sur un site ou une application web proviennent plus souvent d’erreurs de développement que de soucis de montée en charge. Développée par Yahoo, Yslow, littéralement “pourquoi ça rame” est une extension Firefox qui permet d’effectuer des contrôles de performances sur 13 points clés d’un site web. Chaque point testé reçoit une note pouvant aller de A à F, et les problèmes rencontrés s’accompagnent de conseils tournés vers une optimisation du code. Plus la note est élevée, et plus votre site est rapide.

Pas moins de 13 points de contrôle

YSlow met en avant 13 bonnes pratiques fondamentales dans l’optimisation d’une page web :

1. Minimisez le nombre de requêtes HTTP.
2. Utilisez un réseau spécialisé dans la fourniture de contenus.
3. Ajoutez un en-tête d’expiration.
4. Compressez les contenus côté serveur.
5. Placez les feuilles de style en haut de la page.
6. Déplacez les Javascript en bas de page.
7. Proscrivez les expressions CSS.
8. Placez un maximum de javascript et de CSS dans des fichiers externes.
9. Minimisez les besoins en requêtes DNS.
10. Optimisez le javascript.
11. Évitez les redirections HTTP (301, 302).
12. Supprimez les scripts redondants.
13. Configurez les etags

Un premier test de performances me montre que la refonte en cours du site ne devra pas seulement être ergonomique ou graphique, mais qu’un gros travail d’optimisation est aussi nécessaire. Comme quoi les histoires de cordonnier…

Les standards du web expliqués à ma mère

Ma mère utilise un ordinateur sous Windows Millenium “le seul avec lequel je n’ai jamais eu de problèmes”, appelle une unité centrale un “moteur” car ça fait du bruit et c’est ce qui fait propulse la machine, et a depuis longtemps oublié sa propre adresse courriel peu peu qu’elle l’ait jamais connu. Le jour où elle m’a demandé de lui expliquer ce qu’étaient ces fameux standards du web dont je parlais si régulièrement et qui avaient l’air tellement importants, je savais que la partie était tout sauf gagnée.

– Ces standards du web, c’est quoi ?
– Eh bien, c’est un code de bonne conduite pour créer des sites web qui ont la même apparence sous tous les navigateurs du marché.
– Ah, parce qu’il y a plusieurs navigateurs ? Je ne connais qu’Internet Explorer.
– Oui, il y en a tout un tas : Firefox, Netscape, Flock, Opéra…
– Et ça sert à quoi d’en avoir autant, ce ne serait pas plus simple de n’en avoir qu’un seul ?
– Hmmm… peut-être, si. Au fait, pourquoi roulez-vous dans une Clio verte ?
– Eh bien parce que c’est une bonne voiture, et qu’elle me plaît bien.
– Ce ne serait pas plus simple que tout le monde roule en Golf diesel bleue ? Plus de problèmes de pièces détachées, un seul type d’essence à la pompe… le bonheur quoi.
– Et laisser à une entreprise allemande le monopole de l’automobile en France ?
– Ben voilà, vous avez compris.
– Quel est le navigateur le plus utilisé ?
– Internet Explorer, avec 90% de parts de marché (la conversation est assez ancienne, ndlr).
– Et Internet Explorer suit ce code de bonne conduite ?
– Non, pas vraiment. En fait il ne suit que ce qu’il veut.
– Alors pourquoi parler de “standards”, s’ils ne sont pas suivis pas 90% des utilisateurs ?
– C’est que les standards du web n’ont pas valeur normative.
– On ne peut donc pas parler de norme. Dans ce cas, à quoi servent-ils ?
– Vous connaissez les normes ISO ? La norme ISO9002 par exemple.
– Oui, prend ta vieille mère pour une imbécile, je ne te dirai rien.
– L’institut ISO part d’une implémentation pour définir une norme. Le W3C définit des codes de bonne conduite à priori pour que les navigateurs puissent s’y conformer dans le futur.
– Le W3C ?
– Oui, une organisation indépendante composée de grands noms de l’industrie informatique. Elle élabore les préconisations que l’on appelle les standards du web.
– Et qui les rédige ?
– Des groupes de travail. L’activité du W3C va bien au delà de l’unification du rendu des pages web.
– Et Microsoft en fait partie ?
– Oui.
– Donc, si j’ai bien compris, les standards du web sont directives à valeur non normatives créées par des sociétés qui ne les appliquent pas dans leur propre produit, produit qui se trouve de fait être le navigateur standard sur le web. C’est bien ça ?
– En quelque sorte, oui…
– Eh beh, nous voilà biens…

Note : cette conversation a été à peine déformée, dans un soucis de concision et de clarification.

Histoire de bien commencer le mois d’avril, une liste des prochains événements web auxquels vous pourrez me rencontrer pour échanger des points de vue ou des cartes de visite autour d’un verre, d’un déjeuner ou d’un dîner.

Dès demain, les Mobile Monday France consacreront leur thématique mensuelle au paiement par terminal mobile. J’avais déjà vu quelques exemples de ce qu’il était capable de faire lors du séminaire du W3C consacré à la mobilité, et le M-Paiement risque fort d’être le prochain eldorado financier à ne pas manquer. Cela se passe lundi 2 avril, de 18h45 à minuit chez chez BETC - Euro RSCG, 85-87 rue du Faubourg Saint Martin, 75010 Paris. L’entrée est gratuite mais l’inscription est obligatoire.

Ça, c’était mort vu mon programme de la semaine. Mais c’était certainement très bien.

Jeudi, les Designers Interactifs organisent leur troisième soirée à thème autour des futurs défis à relever par les designers. Celle-ci sera animée par Frédéric Cavazza et Anuhi Lou qui nous parleront de l’ergonomie visuelle du web de demain. Cela se passera jeudi 5 avril, de 19h30 à 22h00 chez Parsons, 14 rue Letellier, 75015 Paris. L’entrée est gratuite mais l’inscription est obligatoire.

Que vous ne supportiez plus de recevoir des mails en HTML illisibles et mal formatés, ou que vous peiniez à créer des mailings visuellement attirant et lisibles par n’importe quel client, l’atelier mail et HTML du W3C est fait pour vous. Les thèmes abordés tourneront autour de la sécurité, l’interopérabilité, et la publication de contenus HTML pour l’emailing. Cela se passera le 24 mai 2007 de 8h30 à 18h00 à l’ENST, 46, rue Barrault, 75013 Paris. Si vous souhaitez intervenir, un call for papers est ouvert jusqu’au 21 avril. L’entrée est gratuite, et l’inscription est facultative bien que fortement recommandée.

Paris Web c’est reparti ! La seconde édition de cette conférence à laquelle je n’avais malheureusement pas pu me rendre l’année dernière aura pour thématique Accessibilité, qualité et design : comment concilier ces trois approches dans une optique de production de sites web, avec les contraintes et les exigences liées à des processus « industriels » ?. Si vous souhaitez intervenir, vous pouvez soumettre vos propositions jusqu’au 27 avril prochain. L’événement se déroulera du 15 au 17 novembre 2007, lieu non précisé avec deux jours consacrés aux conférences et une journée d’ateliers. L’inscription est payante et obligatoire.

Si vous utilisez un navigateur moderne, par exemple Mozilla Firefox ou même Flock, vous lisez actuellement un site en XHTML 1.1 servi avec le bon type mime, soit application/xhtml+xml. Les utilisateurs de navigateurs archaïques se voient servir du XHTML 1.0 strict, tout de même, avec le type mime text/html.

Je ne sais pas si cet état de fait durera, mais je suis au moins parvenu à mes fins, à savoir faire servir à Typo le contenu en fonction des navigateurs malgré de très nombreuses difficultés. J’ai testé plusieurs méthodes, et la seule qui ait fini par me convenir ne me satisfait toujours pas pleinement, mais après 5 jours de recherche acharnée, je vais me permettre de me reposer un peu avant de reprendre mes recherches.

Je profiterai du week-end pour compléter cette note avec les problèmes rencontrés, les méthodes testées et celle que j’ai finalement retenue.

Comme le dirait Maurice Svay – un garçon fort sympathique et drôlement talentueux, passez le voir, c’est un bonheur – mon nouveau design fait très flickrien. Il faut dire que ce rose et ce bleu mis ensemble me plaisent particulièrement.