@MatinDigital #cantinenantes #ADW
“ “Performance web, mesurer et optimiser pour mieux convertir
en 15 points
L’atelier du web #315 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 Labelfévrier 2015
Slow To Loadjuin 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 fonctionnelleEvolution technique
Evolution du contenuContributif
Dépendances aux tierces parties
@MatinDigital #cantinenantes #ADW
Dépendances aux tierces parties Evolution fonctionnelle
Evolution techniqueEvolution 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 formatOptimisation 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
SPOFPublicité
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.com06 28 37 69 26
« Usages de demain » Prix du public & du jury
Test gratuit sur dareboost.com
@MatinDigital #cantinenantes #ADW
Questions ?