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

@MatinDigital #cantinenantes #ADW

“ “Performance web, mesurer et optimiser pour mieux convertir

en 15 points

L’atelier du web #315 avril 2016 – Nantes

Damien Jubeau



t Attente = Frustration



#1 Les enjeux : la conversion


1 seconde supplémentaire...

-7%taux de conversion

wpostats.com


85%des mobinautes s'attendent à un chargement au moins aussi rapide que sur desktop


1 seconde supplémentaire...

-27%taux de conversion

soasta.com


#2 Les enjeux : acquisition


1% des sites pénalisés

Google, depuis 2010 :


Red Slow Labelfévrier 2015

Slow To Loadjuin 2015


#3 Et bien d'autres...


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é


#4 Comment accélérer ?


Levons quelques préjugés


- la connexion de l'internaute ?- son périphérique ?- son navigateur ?


- la connexion de l'internaute ?- son périphérique ?- son navigateur ?


Changer d'hébergement ?


Changer d'hébergement ?


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


Conception et bonnes pratiques

chargement : 7 sec 2 sec

Infrastructure nécessaire : -50 %


Conception et bonnes pratiques

+ 10%


#5 Mesurer



2 approches(complémentaires)


Real User Monitoring(monitoring passif)

« la vraie vie »



Monitoring Synthétique(monitoring actif)

internaute simulé


#6 TTFB


Réponse du serveur(+ Round Trip Time)

200 ms max


#7 Start Render



#8 Visually Complete



#9 Speed Index




#10 Surveiller


Evolution fonctionnelleEvolution technique

Evolution du contenuContributif

Dépendances aux tierces parties


Dépendances aux tierces parties Evolution fonctionnelle

Evolution techniqueEvolution du contenu

Contributif

RISQUES


#11 Budget de performance


Larry Page (Google)

« As a product manager you should know that speed is product feature number one. »


Se fixer des objectifs

« le site doit être rapide »« la page doit faire moins de 1Mo »« le serveur doit répondre en 100ms »


Pour chaque étape et pour chaque interlocuteur


#12 Optimisez vos images


Choix du formatOptimisation sans perte

Compression

60 % du poids d'une page web


#13 Priorités des contenus



#14 Contenus de tierces parties


SPOFPublicité

Partages sociaux (DIY ?)


#15 HTTPS


SécuritéBoost SEO

HTTP bientôt dépréciéHTTP2 !


Damien Jubeau damien @ dareboost.com06 28 37 69 26

« Usages de demain » Prix du public & du jury

Test gratuit sur dareboost.com

https://www.dareboost.com/


Questions ?

Internet

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