Upload
others
View
7
Download
0
Embed Size (px)
Citation preview
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
LA PERFORMANCE MOBILE
// Un enjeu SEO mais pas seulement…
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
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
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
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
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
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
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
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 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
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
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 marquePanier moyen
Taux de conversionSécurité
ACQUISITION
Référencement Referral
Taux de rebond Coût Adwords
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.000300 ms
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 secondesSource : DoubleClick 2016
53%
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
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
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
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
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
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 …
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.
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
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 !
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
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.”
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
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 ?
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
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 EventFin réception HTML
(TTLB)
DOM Interactive
First Contentful Paint
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
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
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)
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
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ête2. Traitement du serveur3. Transit réseau de la réponse
< 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)
START RENDER
Délai avant début de l’affichage
< PERFORMANCE WEB : UNE MÉTHODE POUR DÉBUTER 35
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
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
10 ans WAM
Performance Mobile
WAM-REFERENCEMENT.FR11/05/2018__ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< ..
05 CONCLUSIONS
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
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 unevéritable culture de la performance web : connaissance des enjeux et prise en compte à tous les niveaux, décisionnels ou opérationnels.
< CONCLUSIONS 40
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
10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
PENSEZ MOBILE-FIRSTTant 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 ACTIONLe 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 PERFORMANCEObjectivez 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.
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 !
10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< MERCI !
10 ans WAM
Performance mobile
WAM-REFERENCEMENT.FR31/05/2018 __ Maxime Bonnefond (WAM) & Damien Jubeau (Dareboost)
< MERCI !