40
Bienvenue échangeons ensemble ça commençe à 19h45

Introduction à la soirée webperf du 21 juillet 2010, Paris

  • Upload
    eric-d

  • View
    492

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Introduction à la soirée webperf du 21 juillet 2010, Paris

Bienvenue

échangeons ensemble

ça commençe à 19h45

Page 2: Introduction à la soirée webperf du 21 juillet 2010, Paris

Qui êtes vous ?● Intégrateur web (html, css, js)

● Administrateur (système, réseau)

● Développeur (php, sql, python, ruby, java)

● Chef de projet (word, gantt, email)

● DSI (word, email, excel, outlook)

● Étudiant (livres, bière)

● Coeur de métier (fonctionnel, word, stats)

● Curieux (rien de ce qui est plus haut)

Page 3: Introduction à la soirée webperf du 21 juillet 2010, Paris

Qui je suis

Éric Daspethttp://eric.daspet.name/qualité, ouverture, web

Livre sur les performances des sites web en écriture

Page 4: Introduction à la soirée webperf du 21 juillet 2010, Paris

Ensemble, pour...

● Des conférences avec intervenants experts● Échanges entre nous● Veille commune● Informations et évangélisme sur les perf● Documentation claire en français● Outils ou tests communs

Page 5: Introduction à la soirée webperf du 21 juillet 2010, Paris

Webperf user group

ici une capture d'écrand'un site extra-ordinaireencore à venir

nom temporaire

Mais pour l'instant vous nous retrouvez sur http://bit.ly/webperf-user-group

Page 6: Introduction à la soirée webperf du 21 juillet 2010, Paris

J'attends de vous● Un nom sympa● Un site web moins moche (actu + agenda)● Une liste e-mail ou un forum web, un wiki

● Des gens pour animer et organiser● Des partenaires pour financer

Page 7: Introduction à la soirée webperf du 21 juillet 2010, Paris

Programme de la soirée● Un petit mot sur le contexte ← on en est là

● Éric Daspet « Impact de la performance web, rappels »

● Stoyan Stefanov « progressive downloads and rendering »

● Anthony Ricaud « nouveautés des navigateurs »

● Jean-Pierre Vincent « javascript sans bloquer »

← à priori là il sera vers les 22h

Page 8: Introduction à la soirée webperf du 21 juillet 2010, Paris

Les suites

● Un feedback - très apprécié - demain après-midi sur http://bit.ly/webperf-user-group

● Des vidéos (quand elles seront prêtes)

● Peut être un autre événement un vrai site web pour le groupe un espace d'échange (ça dépend aussi de vous)

Page 9: Introduction à la soirée webperf du 21 juillet 2010, Paris

Programme de la soirée● Un petit mot sur le contexte ← on en est là

● Éric Daspet « Impact de la performance web, rappels »

● Stoyan Stefanov « progressive downloads and rendering »

● Anthony Ricaud « nouveautés des navigateurs »

● Jean-Pierre Vincent « javascript sans bloquer »

← à priori là il sera vers les 22h

Page 10: Introduction à la soirée webperf du 21 juillet 2010, Paris

De quoi parlons nous● Performance des sites web

87

12 3

4

6

...

143

144

Page 11: Introduction à la soirée webperf du 21 juillet 2010, Paris

Des sites de plus en plus gros

Page 12: Introduction à la soirée webperf du 21 juillet 2010, Paris

Des sites de plus en plus gros

Page 13: Introduction à la soirée webperf du 21 juillet 2010, Paris

Des connexions rapides

Page 14: Introduction à la soirée webperf du 21 juillet 2010, Paris

Des connexions rapides

Page 15: Introduction à la soirée webperf du 21 juillet 2010, Paris

« Users really respond to speed »

Marissa Meyer, VP user experience, Google

Page 16: Introduction à la soirée webperf du 21 juillet 2010, Paris

« 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

Page 17: Introduction à la soirée webperf du 21 juillet 2010, Paris

« 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 ?

Page 18: Introduction à la soirée webperf du 21 juillet 2010, Paris
Page 19: Introduction à la soirée webperf du 21 juillet 2010, Paris
Page 20: Introduction à la soirée webperf du 21 juillet 2010, Paris

« 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é

Page 21: Introduction à la soirée webperf du 21 juillet 2010, Paris

« 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é

Page 22: Introduction à la soirée webperf du 21 juillet 2010, Paris

Vous doutez ? (strangeloop)

Page 23: Introduction à la soirée webperf du 21 juillet 2010, Paris

Vous doutez ? (strangeloop)

Page 24: Introduction à la soirée webperf du 21 juillet 2010, Paris

Vous doutez ? (strangeloop)

Page 25: Introduction à la soirée webperf du 21 juillet 2010, Paris

Vous doutez toujours ? (wikia)

Page 26: Introduction à la soirée webperf du 21 juillet 2010, Paris

Vous doutez encore ?

Page 27: Introduction à la soirée webperf du 21 juillet 2010, Paris

Ce n'est pas fini (Bing)

Page 28: Introduction à la soirée webperf du 21 juillet 2010, Paris

Il y a mieux (ou pire, c'est selon)

Page 29: Introduction à la soirée webperf du 21 juillet 2010, Paris

Il y a mieux (ou pire, c'est selon)

● SEO : critère de classement Google

● SEM : influe sur le cout adwords

● Fidélité : la perception négative perdure

Page 30: Introduction à la soirée webperf du 21 juillet 2010, Paris

Et en plus c'est moins cher

Page 31: Introduction à la soirée webperf du 21 juillet 2010, Paris

Et en plus ça rapporte

Mozilla

Page 32: Introduction à la soirée webperf du 21 juillet 2010, Paris

On pourrait continuer comme ça longtemps

Page 33: Introduction à la soirée webperf du 21 juillet 2010, Paris

Fred Wilson (twitter, delicious, ...)

First and foremost, we believe that speed is more than a feature. Speed is the most important feature. […]

[…] When we see some of our portfolio company’s applications getting bogged down, we also note that they don’t grow as quickly. There is real empirical evidence that substantiates the fact that speed is more than a feature. It’s a requirement.

Page 34: Introduction à la soirée webperf du 21 juillet 2010, Paris

Il faut agir

Page 35: Introduction à la soirée webperf du 21 juillet 2010, Paris

Il faut agir

Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI

95 %front-end

5 %back-end

Page 36: Introduction à la soirée webperf du 21 juillet 2010, Paris

Il faut agir

Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI

95 %front-end

5 %back-end

Imaginez les ROI comparés

Page 37: Introduction à la soirée webperf du 21 juillet 2010, Paris

De quoi parle-t-on ?● Cache (HTTP, pas applicatif)● Compression (images, gzip), minification ● HTTP, DNS, TCP/IP, Latence, Débit● Ordonnancement des ressources● Mutualisations des requêtes HTTP

● Assez peu de questions applicatifs (js, php, ...)

Page 38: Introduction à la soirée webperf du 21 juillet 2010, Paris

Où ?

Nous allons faire une collection de liens,rendez-vous sur le site dans quelques temps

Entre temps : Yslow, Google Page Speed, Web Page Test

Page 39: Introduction à la soirée webperf du 21 juillet 2010, Paris

questions, réactions, discussions(éventuellement en privé après)

Page 40: Introduction à la soirée webperf du 21 juillet 2010, Paris