RPW 28/03/10: différer les publicités, javascript setTimeout 0, vidéo player HTML5/flash

Désolé pour le manque de news ces 2 dernières semaines, mais j’ai essayé de profiter de mes vacances :) J’ai partagé pas mal de lien sur mon compte twitter, mais je n’ai pas pris le temps d’analyser et de commenter l’actualité ici.
Ce blog va donc reprendre une activité normale :

  • Perfs : accélérer le rendu de ses page en différant l’appel à adSense plus loin dans la page puis en déplaçant le contenu. C’est une vieille technique mais il est toujours bon de la connaître. Par contre pour l’avoir appliqué puis retiré il y a plusieurs années sur un site grand public, je peux vous en dire les limitations : cela ne marche pas avec certaines publicités (expandable, mal codées…) et ni le service commercial ni les annonceurs ne sont d’accord pour voir leur publicité s’afficher plusieurs secondes après le contenu, préférant voir le browser freezer avec une partie du contenu et un peu de pub. (via js4design)
  • Perfs : une variante de la technique JS du setTimeout(0), utilisée dans certains cas extrêmes pour faire de grosses boucles en JS sans freezer le DOM (voir le 1er post théorique à ce sujet si vous n’en aviez jamais entendu parler). C’est à tester en conditions réelles pour savoir si c’est bien adapté à votre code, et voir comment cela marche sous IE6 et 7 (lE8 semble le supporter)
  • Vidéo : un projet de player HTML5/Flash, stylable avec une seule CSS. Ce projet part du bon pied pour moi, par rapport à video_for_everybody ou le trop célèbre sublime video car il utilise les bonnes technos (la même CSS pour Flash et HTML) qui permettront une customisation et donc une maintenance facile. Mais il n’est pas encore terminé, et en plus des problèmes qu’ils listent eux même, sous IE6/7 le style dans flash est mal rendu et l’on a des erreurs JS. Un projet à suivre donc. (via formeolibre)

Laisser un commentaire

Vous pouvez utiliser ces HTML balises et les attributs: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>