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