Université du SI, juin 2010 Voir http://www.universite-du-si.com/fr/conferences/6-paris-usi-2010/sessions/916-performance-des-sites-web-quoi-et-comment

1. Université du Système d'Information 2010
Performance des sites web : qui, pourquoi, quoi, comment et où ?
Éric Daspet
http://eric.daspet.name/
qualité, ouverture, web

2. Performance des sites web : qui, pourquoi, quoi, comment et où ?
Éric Daspet
http://eric.daspet.name/
qualité, ouverture, web
Livre sur les performances
des sites web en écriture

3. Performance des sites web : qui, pourquoi, quoi, comment et où ?
« Users really respond to speed »
Marissa Meyer,
VP user experience, Google

4. Performance des sites web : qui, pourquoi, quoi, comment et où ?
« Users really respond to speed »
Marissa Meyer, VP user experience, Google
+ 1/3 bc de latence → -1 % de ventes
+ 1,5 bc au chargement → - 20 % de trafic (pages vues)
+ 1,2 bc au chargement → + 5 à 9 % d’abandon (rebond)
+ 3 bc au chargement → - 2,8 % de revenu publicitaire
- 6 bc au chargement → + 15 % de taux transformation

5. Performance des sites web : qui, pourquoi, quoi, comment et où ?
« Users really respond to speed »
Marissa Meyer, VP user experience, Google
+ 1/3 bc de latence → -1 % de ventes
+ 1,5 bc au chargement → - 20 % de trafic (pages vues)
+ 1,2 bc au chargement → + 5 à 9 % d’abandon (rebond)
+ 3 bc au chargement → - 2,8 % de revenu publicitaire
- 6 bc au chargement → + 15 % de taux transformation
qu'est-ce qu'un bc ? combien de temps ça prend ?

6. Performance des sites web : qui, pourquoi, quoi, comment et où ?

7. Performance des sites web : qui, pourquoi, quoi, comment et où ?

8. Performance des sites web : qui, pourquoi, quoi, comment et où ?
« Users really respond to speed »
Marissa Meyer, VP user experience, Google
+ 100 ms de latence → -1 % de ventes
+ 500 ms au chargement → - 20 % de trafic (pages vues)
+ 400 ms au chargement → + 5 à 9 % d’abandon (rebond)
+ 1 sec. au chargement → - 2,8 % de revenu publicitaire
- 2,2 sec. au chargement → + 15 % de taux transformation

9. Performance des sites web : qui, pourquoi, quoi, comment et où ?
« Users really respond to speed »
Marissa Meyer, VP user experience, Google
+ 100 ms de latence → -1 % de ventes
+ 500 ms au chargement → - 20 % de trafic (pages vues)
+ 400 ms au chargement → + 5 à 9 % d’abandon (rebond)
+ 1 sec. au chargement → - 2,8 % de revenu publicitaire
- 2,2 sec. au chargement → + 15 % de taux transformation
c’est encore pire en réalité

10. Performance des sites web : qui, pourquoi, quoi, comment et où ?
chargement complet
4 à 10 secondes
images, javascript, flash, rendu, initialisation, tout compris

11. Performance des sites web : qui, pourquoi, quoi, comment et où ?

12. 95 %
front-end
5 %
back-end

13. Performance des sites web : qui, pourquoi, quoi, comment et où ?
moins c'est plus
(de performance)

14. Performance des sites web : qui, pourquoi, quoi, comment et où ?
moins de requêtes HTTP
cache http, sprites, fusions, réutilisations
c’est plus de performance

15. Performance des sites web : qui, pourquoi, quoi, comment et où ?
moins de requêtes HTTP
cache http, sprites, fusions, réutilisations
c’est plus de performance

16. Performance des sites web : qui, pourquoi, quoi, comment et où ?
moins de requêtes HTTP
cache http, sprites, fusions, réutilisations
c’est plus de performance

17. Performance des sites web : qui, pourquoi, quoi, comment et où ?
moins de volume échangé
compression http et images, minimisation
c’est plus de performance

18. Performance des sites web : qui, pourquoi, quoi, comment et où ?
moins de séquentiel
domaines multiples, js asynchrone, en bas de page
c’est plus de performance

19. Performance des sites web : qui, pourquoi, quoi, comment et où ?
3x moins (requêtes, volume, séquentiel)
c'est plus de performance
et c’est seulement après qu’on optimise le code et le système,
si vraiment vous en avez encore besoin

20. Performance des sites web : qui, pourquoi, quoi, comment et où ?
• Yslow
• Yahoo! Best Pratices
• Google Page Speed
• AOL Web Page Test
• Un expert conseil
(attention, message subliminal)

21. Performance des sites web : qui, pourquoi, quoi, comment et où ?
questions, réactions, discussions
(éventuellement en privé après)

23. Légal
• Photographies sous licences Creative Commons
– Eye-Open, par calico_13
http://www.flickr.com/photos/calico_13/419846038/in/set-72157594579918893/
licence Creative Commons Paternité-Pas d'Utilisation Commerciale-Pas de Modification 2.0 Générique
– Eye-closed 2, par calico_13
http://www.flickr.com/photos/calico_13/419383830/in/photostream/
licence Creative Commons Paternité-Pas d'Utilisation Commerciale-Pas de Modification 2.0 Générique
– Purbeck Way Direction Post, par TreeHouse1977
http://www.flickr.com/photos/treehouse1977/2979812858/
Paternité-Partage des Conditions Initiales à l'Identique 2.0 Générique
– Danbo conoce a Domo - Danbo meets Domo, par GViciano
http://www.flickr.com/photos/gviciano/4060850226/
licence Creative Commons Paternité-Pas d'Utilisation Commerciale-Pas de Modification 2.0 Générique
– Max Hoogte, par wester
http://www.flickr.com/photos/wester/12949097/
licence Creative Commons Paternité-Pas d'Utilisation Commerciale-Pas de Modification 2.0 Générique
• Présentation sous licence Creative Commons
– Par Eric Daspet, SQLI
http://eric.daspet.name/ - http://www.sqli.com/
licence Creative Commons Paternité-Pas d’Utilisation Commerciale-Pas de Modification 3.0
http://creativecommons.org/licenses/by-nc-nd/3.0/deed.fr
Éric Daspet
http://eric.daspet.name/
qualité, ouverture, web

24. Performance des sites web : qui, pourquoi, quoi, comment et où ?
Éric Daspet
http://eric.daspet.name/
qualité, ouverture, web
Livre sur les performances
des sites web en écriture