Upload
eric-d
View
570
Download
1
Embed Size (px)
DESCRIPTION
Université du SI, juin 2010Voir http://www.universite-du-si.com/fr/conferences/6-paris-usi-2010/sessions/916-performance-des-sites-web-quoi-et-comment
Citation preview
Université du Système d'Information 2010Performance des sites web : qui, pourquoi, quoi, comment et où ?
Éric Daspethttp://eric.daspet.name/qualité, ouverture, web
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
Performance des sites web : qui, pourquoi, quoi, comment et où ?
Éric Daspethttp://eric.daspet.name/qualité, ouverture, web
Livre sur les performances des sites web en écriture
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
Performance des sites web : qui, pourquoi, quoi, comment et où ?
« Users really respond to speed »
Marissa Meyer, VP user experience, Google
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
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
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
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 ?
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
Performance des sites web : qui, pourquoi, quoi, comment et où ?
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
Performance des sites web : qui, pourquoi, quoi, comment et où ?
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
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
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
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é
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
Performance des sites web : qui, pourquoi, quoi, comment et où ?
chargement complet 4 à 10 secondes
images, javascript, flash, rendu, initialisation, tout compris
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
Performance des sites web : qui, pourquoi, quoi, comment et où ?
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
95 %front-end
5 %back-end
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
Performance des sites web : qui, pourquoi, quoi, comment et où ?
moins c'est plus(de performance)
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
Performance des sites web : qui, pourquoi, quoi, comment et où ?
moins de requêtes HTTPcache http, sprites, fusions, réutilisations
c’est plus de performance
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
Performance des sites web : qui, pourquoi, quoi, comment et où ?
moins de requêtes HTTPcache http, sprites, fusions, réutilisations
c’est plus de performance
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
Performance des sites web : qui, pourquoi, quoi, comment et où ?
moins de requêtes HTTPcache http, sprites, fusions, réutilisations
c’est plus de performance
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
Performance des sites web : qui, pourquoi, quoi, comment et où ?
moins de volume échangécompression http et images, minimisation
c’est plus de performance
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
Performance des sites web : qui, pourquoi, quoi, comment et où ?
moins de séquentieldomaines multiples, js asynchrone, en bas de page
c’est plus de performance
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
Performance des sites web : qui, pourquoi, quoi, comment et où ?
3x moins (requêtes, volume, séquentiel)
c'est plus de performanceet c’est seulement après qu’on optimise le code et le système,
si vraiment vous en avez encore besoin
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
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)
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
Performance des sites web : qui, pourquoi, quoi, comment et où ?
questions, réactions, discussions(éventuellement en privé après)
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
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_13http://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 TreeHouse1977http://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 GVicianohttp://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 westerhttp://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.0http://creativecommons.org/licenses/by-nc-nd/3.0/deed.fr
Éric Daspethttp://eric.daspet.name/qualité, ouverture, web
Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI
Performance des sites web : qui, pourquoi, quoi, comment et où ?
Éric Daspethttp://eric.daspet.name/qualité, ouverture, web
Livre sur les performances des sites web en écriture