Performance des sites web : qui, pourquoi, quoi, comment et où ? - USI 2010

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

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

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

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

Performance des sites web : qui, pourquoi , quoi, comment et où ? « Users really respond to speed » Marissa Meyer, VP user experience, Google qu'est-ce qu'un bc ? combien de temps ça prend ? + 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

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

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

Performance des sites web : qui, pourquoi , quoi, comment et où ? « Users really respond to speed » Marissa Meyer, VP user experience, Google c’est encore pire en réalité + 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

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

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

95 % front-end 5 % back-end

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

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

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

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

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

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)

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

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

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

Performance des sites web : qui, pourquoi, quoi, comment et où ? - USI 2010

by Eric D.

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 1

Statistics

Performance des sites web : qui, pourquoi, quoi, comment et où ? - USI 2010 Presentation Transcript