J’avais un atelier sur les performances pour le cycle de conférence Paris Web 2010, qui est maintenant sorti en vidéo. L’atelier s’est finalement transformé en une conférence improvisée d’1h30, par manque de candidats pour tester leurs sites, et de par la configuration de la pièce (amphi au lieu de salle de cours). Malheureusement le côté improvisé se ressent un peu car je ne m’étais pas chronométré pour réussir à synthétiser chaque sujet. Chaque sujet est donc discuté en profondeur, mais je n’ai pu traiter que les bases. Voici le chapitrage de cette conférence :

  • 0 à 10:30 : relation chiffre d'affaire et temps d'affichage
  • 10:30 : référencement et webperf
  • 12:30 : quelles sont les mesures à prendre en compte ?
    • comparaison affichage 01net / evene.fr
    • utilisation webpagetest.org </ul>
    • 21:20 : contre-performance du protocole HTTP, parallélisation et latence
    • 24:20 les JS/CSS (outil cuzillion), quels navigateurs tester ?
    • 33:58 : outils pour JS/CSS
    • 41:40 : organisation du code JS (bottom, loader)
    • 48:10 : minifier le HTML ?
    • 49:59 : checklists des recomandation webperf
    • 50:30 : sprites ou encodage des images ?
    • 55:30 : les images en PNG
    • 57:00 : gzip
    • 59:00 : interlude
    • Outils
      • 1:00:30 : firebug, ySlow, pageSpeed et cuzillion.org
      • 1:03:50 : démo (plantée) de AOL pageTest et fallback sur webpagetest.org
      • 1:07:30 : aparté sur les cookies
      • 1:11:30 : Speed tracer
      • 1:14:20 : dynatrace AJAX
      • 1:15:00 : mot clé debugger
      • 1:16:30 : IE8 debug tools (démo plantée) </ul>
      • Questions
        • 1:19:30 : question sur les commentaires conditionnels
        • 1:22:30 : remarque sur l'importance du server-side ?
        • 1:24:30 : remarque sur le PNG et l'encodage de JS </ul> </ul>

          Je remercie en tout cas l'organisation sans faille de Paris Web, le caméramen qui a bien filmé les zones intéressantes de l'écran projeté et le monteur de la vidéo !