Concevoir des sites web qui s'affichent extrêmement rapidement est indispensable, c'est désormais acquis. Nous avons des articles très pointus par ci par là sur le web, quelques conférences généralistes, mais même en anglais il manque toujours une bible qui documente les mécanismes, les bonnes pratiques, et qui serve de référence. Plutôt qu'ajouter un article ou une conférence de plus, comblons ce manque de documentation référence. En reprenant quand c'est pertinent une réalisation pré-existante il s'agit de corriger ensemble les erreurs ou les points obsolètes, identifier les sujets manquants, et aller jusqu'à la rédaction pour certains de ces points. Sans pré-requis de niveau ou de connaissance, travailler par binôme ou petit groupe permet suivant les aspirations et les connaissances préalables de corriger les fautes ou points obsolètes de l'oeuvre pré-existante, d'identifier les sujets manquants et intéressants à documenter, ou d'aller jusqu'à la rédaction ou le test de certaines de ces problématiques. Objectif : Produire, apprendre, échanger, et améliorer le web par la documentation et l'information. Note pour l'organisation: En Lightning de 5 minutes, ça devient juste une annonce pour tenter de motiver les troupes afin de faire ça hors de sud web (mais l'expérience a montré que sans une rencontre en face à face, c'est assez difficile)

1. Documentons la #webperf
Sudweb 2013 – Éric Daspet

2. Présentation
 Éric Daspet
eric.daspet.name
Paris-Web
Yahoo!
’TEA’ (livre numérique)

3. Le livre – le contexte
 Initié en 2008 en projet personnel
en parallèle du blog performance.survol.fr
 Objectif d’un livre « bible » qui référence
toutes les techniques impactant le temps de
chargement des sites web et la théorie sous-jacente
 Manque de temps, changement de travail, …
Le livre reste rédigé à une grosse moitié sans évoluer
 Partage pour en faire un livre collaboratif
https://github.com/edas/webperf-book

4. Livre collaboratif
 Partagé en ligne
 Github : https://github.com/edas/webperf-book
 Vous pouvez ajouter, modifier, corriger, dupliquer, exporter
 Appartient à ceux qui y participent
 Licence
 Objectif de licence ouverte avec attribution
 Cession des droits au groupe des auteurs principaux
 Licence pour l’instant complexe pour permettre une future
publication papier (mais on peut changer si vous voulez)

5. Contenu
1. Introduction / argumentaires
2. Concepts techniques
(HTTP, réseau, introduction)
3. Travailler avec les caches
4. Moins de requêtes
(sprites, data:, …)
5. Contenus plus petits
(compressions, formats d’images)
6. Parallélisation
(chargements asynchrones)
7. Réduire les espaces vides
(spdy, cdn, keep-alive, …)
8. Performance applicative
(javascript, ce qui est lent)
9. Optimisation et approches
(choix stratégiques)
10. Mesurer
11. Outils
12. Définitions

6. Participer
 Relire et corriger (erreurs de typo/français, chap. 4 à 6)
 Mettre à jour les chiffres, références, support navigateur
 Ajouter des liens et des références
 Améliorer le contenu, ajouter des détails, compléter
 (Commencer à) rédiger du nouveau contenu
 Travailler les outils, le workflow, valider les changements
Tout ça en prétexte pour *échanger* et *apprendre*