Maxime Bonnefond, chef de projet SEO chez WAM-Référencement et Damien Jubeau CEO de Dareboost, décryptent la performance mobile : Qu'est ce qu'un bon temps de chargement ? Méthodologie pour débuter, les outils Google, d'autres outils...
2. WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< MAXIME BONNEFOND / @maximeseo
CHEF DE PROJETS SEO / WAM
7 ans d’expérience dans le SEO
Domaines : mutuelle, énergie, ameublement
Arrivé chez WAM en mars 2015
3. WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< DAMIEN JUBEAU / @DamienJubeau - @Dareboost
CEO DAREBOOST
Startup basée à Rennes
E-commerce Award 2014 (catégorie Technologie)
450 clients et plus de 70 000 utilisateurs
4. 10 ans WAM
Performance Mobile
WAM-REFERENCEMENT.FR11/05/2018__ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< SOMMAIRE.
01
02
03
Un web mobile, rapide, au service
de l’ux
La perf selon google : une
évangélisation par les outils
Qu’est-ce qu’un bon temps de
chargement ?
04
05
Performance web : une méthode
pour débuter
Conclusions
5. 10 ans WAM
Performance Mobile
WAM-REFERENCEMENT.FR11/05/2018__ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< ..
01 UN WEB MOBILE, RAPIDE,
AU SERVICE DE L’UX
6. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
EVOLUTION PART DE MARCHÉ DES DEVICES
< UN WEB MOBILE, RAPIDE, AU SERVICE DE L’UX 6
Source : Statcounter
7. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
« MOBILEGEDDON »
< UN WEB MOBILE, RAPIDE, AU SERVICE DE L’UX 7
Source : https://webmasters.googleblog.com/2015/04/rolling-out-mobile-friendly-update.html
8. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
« MOBILEGEDDON »
< UN WEB MOBILE, RAPIDE, AU SERVICE DE L’UX 8
9. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
GOOGLE MOBILE FIRST INDEXING
< UN WEB MOBILE, RAPIDE, AU SERVICE DE L’UX
Source : https://webmasters.googleblog.com/2018/03/rolling-out-mobile-first-indexing.html
9
10. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
GOOGLE MOBILE FIRST INDEXING
< UN WEB MOBILE, RAPIDE, AU SERVICE DE L’UX 10
11. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
DÉJÀ EN 2011, BING ÉVOQUAIT LA NOTION DE
«DWELL TIME»
“ […] The time between when a user clicks on our search result and
when they come back from your website tells a potential story. A
minute or two is good as it can easily indicate the visitor consumed
your content. Less than a couple of seconds can be viewed as a
poor result.”
Source : http://blogs.bing.com/webmaster/2011/08/02/how-to-build-quality-content
< UN WEB MOBILE, RAPIDE, AU SERVICE DE L’UX 11
12. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< UN WEB MOBILE, RAPIDE, AU SERVICE DE L’UX 12
CONVERSION
Image de marque
Panier moyen
Taux de conversion
Sécurité
ACQUISITION
Référencement
Referral
Taux de rebond
Coût Adwords
13. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< UN WEB MOBILE, RAPIDE, AU SERVICE DE L’UX 13
$11.500.000
300 ms
14. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< UN WEB MOBILE, RAPIDE, AU SERVICE DE L’UX 14
des visites sur mobile
abandonnées après
3 secondes
Source : DoubleClick 2016
53%
15. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
GOOGLE SPEED UPDATE
< UN WEB MOBILE, RAPIDE, AU SERVICE DE L’UX 15
Source : https://webmasters.googleblog.com/2018/01/using-page-speed-in-mobile-search.html
16. 10 ans WAM
Performance Mobile
WAM-REFERENCEMENT.FR11/05/2018__ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< ..
02 LA PERF SELON GOOGLE :
UNE ÉVANGÉLISATION
PAR LES OUTILS
17. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
TEST D’OPTIMISATION MOBILE
< LA PERF SELON GOOGLE : UNE ÉVANGÉLISATION PAR LES OUTILS 17
Source : https://search.google.com/test/mobile-friendly
18. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
GOOGLE PAGE SPEED INSIGHTS
< LA PERF SELON GOOGLE : UNE ÉVANGÉLISATION PAR LES OUTILS 18
Source : https://developers.google.com/speed/pagespeed/insights/?hl=fr
19. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
GOOGLE PAGE SPEED INSIGHTS
< LA PERF SELON GOOGLE : UNE ÉVANGÉLISATION PAR LES OUTILS 19
Population insuffisante
=
Pas de données
20. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
GOOGLE PAGE SPEED
INSIGHTS
DomContentLoaded
First ContentFul Paint
< LA PERF SELON GOOGLE : UNE ÉVANGÉLISATION PAR LES OUTILS 20
… des indicateurs plutôt techniques …
21. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
GOOGLE PAGE SPEED INSIGHTS
< LA PERF SELON GOOGLE : UNE ÉVANGÉLISATION PAR LES OUTILS 21
Un outil qui donne les bonnes pratiques de base, les grands classiques de la performance …
… mais qui peut manquer un peu d’intelligence et d’aide opérationnelle.
22. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
GOOGLE LIGHTHOUSE
< LA PERF SELON GOOGLE : UNE ÉVANGÉLISATION PAR LES OUTILS 22
Source : https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=fr
23. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
GOOGLE LIGHTHOUSE
< LA PERF SELON GOOGLE : UNE ÉVANGÉLISATION PAR LES OUTILS 23
Attention à la nature et à la stabilité
de votre connexion et des ressources
de votre machine !
24. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
GOOGLE TEST MY SITE
< LA PERF SELON GOOGLE : UNE ÉVANGÉLISATION PAR LES OUTILS 24
Source : https://testmysite.withgoogle.com/intl/fr-fr
25. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
GOOGLE TEST MY SITE
< LA PERF SELON GOOGLE : UNE ÉVANGÉLISATION PAR LES OUTILS 25
“Information from this
tool is intended as a
guideline only. Google
does not guarantee
improvements in your
site's performance, which
may vary based on
location, device,
browser or other
factors.”
26. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
GOOGLE ANALYTICS
< LA PERF SELON GOOGLE : UNE ÉVANGÉLISATION PAR LES OUTILS 26
27. 10 ans WAM
Performance Mobile
WAM-REFERENCEMENT.FR11/05/2018__ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< ..
03 QU’EST-CE QU’UN BON
TEMPS DE CHARGEMENT ?
28. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< QU’EST-CE QU’UN BON TEMPS DE CHARGEMENT ? 28
29. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< QU’EST-CE QU’UN BON TEMPS DE CHARGEMENT ? 29
Load Event
Fin réception HTML
(TTLB)
DOM Interactive
First Contentful Paint
30. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< QU’EST-CE QU’UN BON TEMPS DE CHARGEMENT ? 30
Langue
Cache navigateur
31. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< QU’EST-CE QU’UN BON TEMPS DE CHARGEMENT ? 31
32. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< QU’EST-CE QU’UN BON TEMPS DE CHARGEMENT ? 32
ON NE PEUT AMÉLIORER
QUE CE QUE L’ON
MESURE
(avec des KPIs maîtrisés, dans un
contexte connu et stable)
33. 10 ans WAM
Performance Mobile
WAM-REFERENCEMENT.FR11/05/2018__ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< ..
04 PERFORMANCE WEB :
UNE MÉTHODE POUR
DÉBUTER
34. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
TIME TO FIRST BYTE
Temps de réponse serveur
1. Transit réseau de la requête
2. Traitement du serveur
3. Transit réseau de la réponse
< PERFORMANCE WEB : UNE MÉTHODE POUR DÉBUTER 34
35. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
START RENDER
Délai avant début de l’affichage
< PERFORMANCE WEB : UNE MÉTHODE POUR DÉBUTER 35
36. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
SPEED INDEX
Vitesse moyenne de l’affichage de la zone au dessus de la ligne de flottaison
< PERFORMANCE WEB : UNE MÉTHODE POUR DÉBUTER 36
Good
Bad
37. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
MONITORING SYNTHÉTIQUE
Une mesure régulière, avec des contextes représentatifs mais sans exhaustivité.
< PERFORMANCE WEB : UNE MÉTHODE POUR DÉBUTER 37
38. 10 ans WAM
Performance Mobile
WAM-REFERENCEMENT.FR11/05/2018__ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< ..
05 CONCLUSIONS
39. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
GOOGLE A 2 INTÉRÊTS À POUSSER LES SITES WEB À
OPTIMISER LEURS PERFORMANCES
< CONCLUSIONS 39
L’essentiel des revenus de Google est généré par la
publicité
Le crawl du web est une opération longue et
coûteuse
40. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
UNIFIER LES ÉQUIPES
Partager avec toute la chaîne de valeur une
véritable culture de la performance web :
connaissance des enjeux et prise en compte à
tous les niveaux, décisionnels ou opérationnels.
< CONCLUSIONS 40
41. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
PASSEZ À L’OPERATIONNEL … GRÂCE À UN PURE PLAYER
< CONCLUSIONS 41
Source : Dareboost
Constats
Références
Conseils
Décryptage
42. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
PENSEZ MOBILE-FIRST
Tant dans une démarche de création/refonte de site, que dans la mesure de vos performances.
< CONCLUSIONS 42
DES OUTILS GOOGLE … MAIS PAS QUE !
Appuyez vous sur les outils de Google, tout en connaissant leurs limites.
PENSEZ PERFORMANCES POUR CHAQUE ACTION
Le SEO est une motivation de plus pour investir sur la performance mobile, mais loin d’être la seule (UX,
CRO, monétisation …).
RATIONALISEZ VOTRE APPROCHE DE LA PERFORMANCE
Objectivez vos performances web par des mesures régulières, dans un contexte maîtrisé et stable, avec des
KPIs porteurs de sens et adaptés aux interlocuteurs.
Identifiez vos quick-wins et commencez par ceux-là. Validez vos résultats.
43. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< CONCLUSIONS 43
AVOIR UN CONTENU
DE QUALITÉ
ACCESSIBLE SUR
MOBILE
POUR DES UTILISATEURS
EXIGEANTS !
44. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< MERCI !
45. 10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< MERCI !