@MatinDigital #cantinenantes #ADW
“ “
Performance web, mesurer et
optimiser pour mieux convertir
en 15
points
L’atelier du web #31
5 avril 2016 – Nantes
Damien Jubeau
@MatinDigital #cantinenantes #ADW
@MatinDigital #cantinenantes #ADW
t Attente = Frustration
@MatinDigital #cantinenantes #ADW
@MatinDigital #cantinenantes #ADW
#1 Les enjeux : la conversion
@MatinDigital #cantinenantes #ADW
1 seconde supplémentaire...
-7%
taux de conversion
wpostats.com
@MatinDigital #cantinenantes #ADW
85%
des mobinautes s'attendent à un
chargement au moins aussi rapide
que sur desktop
@MatinDigital #cantinenantes #ADW
1 seconde supplémentaire...
-27%
taux de conversion
soasta.com
@MatinDigital #cantinenantes #ADW
#2 Les enjeux : acquisition
@MatinDigital #cantinenantes #ADW
1% des sites pénalisés
Google, depuis 2010 :
@MatinDigital #cantinenantes #ADW
Red Slow Label
février 2015
Slow To Load
juin 2015
@MatinDigital #cantinenantes #ADW
#3 Et bien d'autres...
@MatinDigital #cantinenantes #ADW
Les enjeux sont globaux
Référencement,
Taux de rebond,
Tenue de charge,
Coût adwords,
Referral
Taux de conversion,
Panier moyen,
Image de marque,
Sécurité
@MatinDigital #cantinenantes #ADW
#4 Comment accélérer ?
@MatinDigital #cantinenantes #ADW
Levons quelques préjugés
@MatinDigital #cantinenantes #ADW
- la connexion de l'internaute ?
- son périphérique ?
- son navigateur ?
@MatinDigital #cantinenantes #ADW
- la connexion de l'internaute ?
- son périphérique ?
- son navigateur ?
@MatinDigital #cantinenantes #ADW
Changer d'hébergement ?
@MatinDigital #cantinenantes #ADW
Changer d'hébergement ?
@MatinDigital #cantinenantes #ADW
http://www.stevesouders.com/blog/2012/02/10/the-performance-golden-rule/
Performance Golden Rule
« 80-90% of the end-user response time
is spent on the frontend. Start there. »
Steve Souders
@MatinDigital #cantinenantes #ADW
Conception et bonnes pratiques
chargement : 7 sec 2 sec
Infrastructure nécessaire : -50 %
@MatinDigital #cantinenantes #ADW
Conception et bonnes pratiques
+ 10%
@MatinDigital #cantinenantes #ADW
#5 Mesurer
@MatinDigital #cantinenantes #ADW
@MatinDigital #cantinenantes #ADW
2 approches
(complémentaires)
@MatinDigital #cantinenantes #ADW
Real User Monitoring
(monitoring passif)
« la vraie vie »
@MatinDigital #cantinenantes #ADW
@MatinDigital #cantinenantes #ADW
Monitoring Synthétique
(monitoring actif)
internaute simulé
@MatinDigital #cantinenantes #ADW
#6 TTFB
@MatinDigital #cantinenantes #ADW
Réponse du serveur
(+ Round Trip Time)
200 ms max
@MatinDigital #cantinenantes #ADW
#7 Start Render
@MatinDigital #cantinenantes #ADW
@MatinDigital #cantinenantes #ADW
#8 Visually Complete
@MatinDigital #cantinenantes #ADW
@MatinDigital #cantinenantes #ADW
#9 Speed Index
@MatinDigital #cantinenantes #ADW
@MatinDigital #cantinenantes #ADW
@MatinDigital #cantinenantes #ADW
#10 Surveiller
@MatinDigital #cantinenantes #ADW
Evolution fonctionnelle
Evolution technique
Evolution du contenu
Contributif
Dépendances aux tierces parties
@MatinDigital #cantinenantes #ADW
Dépendances aux tierces parties
Evolution fonctionnelle
Evolution technique
Evolution du contenu
Contributif
RISQUES
@MatinDigital #cantinenantes #ADW
#11 Budget de performance
@MatinDigital #cantinenantes #ADW
Larry Page (Google)
« As a product manager you
should know that speed is
product feature number one. »
@MatinDigital #cantinenantes #ADW
Se fixer des objectifs
« le site doit être rapide »
« la page doit faire moins de 1Mo »
« le serveur doit répondre en 100ms »
@MatinDigital #cantinenantes #ADW
Pour chaque étape et pour
chaque interlocuteur
@MatinDigital #cantinenantes #ADW
#12 Optimisez vos images
@MatinDigital #cantinenantes #ADW
Choix du format
Optimisation sans perte
Compression
60 % du poids d'une page web
@MatinDigital #cantinenantes #ADW
#13 Priorités des contenus
@MatinDigital #cantinenantes #ADW
@MatinDigital #cantinenantes #ADW
#14 Contenus de tierces parties
@MatinDigital #cantinenantes #ADW
SPOF
Publicité
Partages sociaux (DIY ?)
@MatinDigital #cantinenantes #ADW
#15 HTTPS
@MatinDigital #cantinenantes #ADW
Sécurité
Boost SEO
HTTP bientôt déprécié
HTTP2 !
@MatinDigital #cantinenantes #ADW
Damien Jubeau
damien @ dareboost.com
06 28 37 69 26
« Usages de demain »
Prix du public & du jury
Test gratuit sur dareboost.com
@MatinDigital #cantinenantes #ADW
Questions ?

ADW #8 : Performance web, mesurer et optimiser pour mieux convertir