RPW 28/05/10: étude de cas de performance, gérer l'offline, web database, des sites qui comptent bien garder Flash

Revue de Presse Web de vendredi :

• Perfs : l'équipe technique d'un comparateur de prix explique comment ils ont gagné 4s de temps de chargement. Comme beaucoup, ils ont commencé à passer beaucoup de temps sur les scripts côté serveur, ce qui leur a permis de gagner à peu près rien (100ms). Le gros des 4s restantes ont donc été gagnées en gzippant leurs sorties, en utilisant un CDN type Akamaï ce qui leur a fait gagné du temps sur chaque fichier statique (comparer les temps fichier par fichier avant et après), en utilisant des sprites, et en décalant le JS non essentiel (facebook Connect) à la fin. A propos de pousser le JS à la fin, je vous prépare un post sur une petite technique que j'ai découvert et que je vais bientôt tester en prod :) (via @nicolas_leroy).
• Offline : exemple avec YUI3 de construction d'une application Web qui gère l'offline. Cela demande un browser qui gère le fichier manifest.cache (iDevice, Chrome, FF) car il n'y a pas de fallback possible mais de toute façon ce type d'appli se construit normalement "en faisant sans", puis en ajoutant l'offline après coup. On voit tout de même que pour YUI3 qui a tendance à aller chercher les fichiers JS sur le CDN de Yahoo!, cela ne se fait pas sans configurer YUI et rapatrier les fichiers. Pire : de la manière dont est fait son code, il ne pourra pas marcher, même online, sur un navigateur qui gère l'offline.
• HTML5 : petite démo (voir la source) utilisant Web DataBase (Webkits seulement). Comme LocalStorage, Web SQL permet de stocker des infos côté client mais surtout de les gérer en SQL et donc de créer des bases de données et faire des requetes croisées, ce qui va largement plus loin que le simple stockage "clé/valeur" de LocalStorage. Cependant la spec est officiellement suspendue, tant que des implémenteurs ne seront pas venus avec autre chose que sqlite, question de principe. Mais de l'autre côté, FF et IE se sont mis d'accord pour partir sur une autre spec du nom de IndexedDB. Bref il vaut mieux rester sur LocalStorage qui a l'avantage d'être déjà implémenté (IE8, FF, Webits) et surtout de posséder au moins 1 librairie d'accès cross-browser avec fallback flash. (merci pour la discussion à @tbassetto)
• Vidéo : un peu de résistance du côté des sites de news US qui ne ne sont pas tous passé de Flash, ce qu'a tendance à faire oublier le buzz autour de l'iPad. En lisant entre les lignes, je pense qu'ils font plutôt référence au coût de changement de codec et qu'ils ne veulent pas réencoder toutes leurs vidéos en h.264, en plus d'avoir à gérer un player HTML5/flash (ce qui en soi ne coûte pas grand chose) (via developpez.net)

Utilisez RSS pour une analyse quotidienne de l'actualité du développement d'applications web OU
Suivez ce compte Twitter pour les liens en quasi temps réel