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 !