SlideShare une entreprise Scribd logo
1  sur  32
Télécharger pour lire hors ligne
1#seocamp
Performance Web :
vers la Speed Update,
un pas après l’autre
2#seocamp
Boris Schapira
3#seocamp
Google et la
Performance Web
4#seocamp
Google et la performance
Quelques dates pour se situer
2009 2010 … 2014 2015 2016 2017 2018
PageSpeed
Ranking WebPerf
Mobilegedon
Labels « Red Slow » & « Slow to load »
Mobile-First
CrUX dans PageSpeed
AMP
CrUX Report
Speed Update
5#seocamp
« Speed isn’t just a feature,
it’s the feature »
« The Google Gospel of Speed », Urs Hoelzle, 2012
6#seocamp
▪ « Ne jamais livrer une fonctionnalité qui nous ralentit »
▪ Toujours un sujet fondamental de communication,
même une fois Chrome en position de leadership
▪ De l’investissement sur la performance: outils,
technologies, conseils…
Une question de valeurs
La performance Web a toujours été au cœur des actions de Google
7#seocamp
▪ Réduction des coûts d’exploitation
▪ Augmentation des gains publicitaires
▪ Évolution des usages, design de l’expérience mobile
▪ Essor des plateformes de contenus
▪ Capture des marchés émergents
▪ Croissance interne forte
Une question de business
La performance comme un impératif fondamental de fonctionnement
8#seocamp
Comment se mesure
la performance web ?
9#seocamp
« Qualité Web », Élie Sloïm et Laurent Denis
Chaque site propose une expérience différente
10#seocamp
Une variété d’indicateurs
Chaque projet doit trouver le jeu d’indicateurs qui lui convient
▪ Indicateurs collectés côté serveur, et côté navigateur
▪ Indicateurs browser ou basés sur l’analyse vidéo
▪ Indicateurs collectés auprès de vrais utilisateurs, ou
dans un environnement contrôlé
▪ Indicateurs d’affichage, d’interactivité
▪ Indicateurs créés par le métier
▪ Temps de chargement
11#seocamp
▪ Time To First Byte (TTFB) : « temps de réponse serveur »
+ latence × 2
▪ Début d’affichage (Start Render) : moment où la page
n’est plus « blanche »
▪ Dom Content Loaded (DCL) : fin du chargement
principal (y compris les scripts et CSS)
Les indispensables « chargement »
Les indicateurs à connaître absolument
12#seocamp
Speed Index
Mesure la progressivité de l’affichage
100 %90 %80 %60 %
60 % 60 % 60 % 100 %
400 ms 800 ms 1200 ms 1600 ms 2000 ms
0 %
0 %
13#seocamp
Speed Index
Mesure la progressivité de l’affichage
0
10
20
30
40
50
60
70
80
90
100
Exemple A Exemple B
14#seocamp
Speed Index
Mesure la progressivité de l’affichage
100 %90 %75 %60 %
60 % 60 % 60 % 100 %
400 ms 800 ms 1200 ms 1600 ms 2000 ms
0 %
0 %
Speed Index : 1100
Speed Index : 1280
15#seocamp
▪ Nombre de requêtes : impact sur la latence
▪ Poids total : consommation de données et de CPU*
▪ Métriques personnalisées : répondent à la fois à une
problématique de mesure de contenus et de temps.
Exemple : « affichage du contenu principal »
* Attention au poids du JavaScript !
Les métriques de contenu
Les indicateurs à connaître absolument
16#seocamp
Moment auquel est rendu le
premier élément de contenu du
DOM : texte, image ou élément
<canvas>.
Mesuré via Google Chrome
First Contentful
Paint
La métrique au cœur de PageSpeed Insights
17#seocamp
Base de données anonymes collectées via Google Chrome
Chrome UX Report (CrUX)
18#seocamp
▪ Clé en main : vision RUM sans avoir à déployer quoi
que ce soit sur son site… ou celui de ses concurrents
▪ Pointu : nécessite des bases en statistiques et
manipulation de données complexes mais à partir
de là, pas mal de choses sont possibles.
Forces du CrUX
Une base de données géante !
19#seocamp
En RUM, toujours considérer la distribution dans son ensemble.
Attention, ici les données sont ramenées à 100 % par form factor. Requête Big Query
20#seocamp
▪ Exhaustivité : peu de sites concernés par pays
▪ Agrégations : par défaut, par pays, et sur des périodes
de temps non-contrôlées
▪ Modèle de données : limité, mais Big Query donne
aussi accès aux données HTTP Archive depuis 2010
Limitations du CrUX
Tout n’est pas rose au pays du Chrome UX Report
21#seocamp
« Vidéo : optimisez vos MP4 pour de meilleures performances », Boris Schapira
22#seocamp
Performance Web :
commencez dès lundi
23#seocamp
• Échantillonner à 100% en dessous de 20k PV/jour
• Éviter l’indicateur de « Page Load Time »
(lui préférer le « Document Content Loaded Time » ou un Custom Timing)
• Segmenter pour analyser : matériel, localisation,
navigateur, FAI…
Du RUM avec Google Analytics
Pas besoin d’être un expert JS pour mettre en place du monitoring
24#seocamp
25#seocamp
Chaque localisation est un portefeuille de contextes différents
26#seocamp
• Contextes limités mais maitrisés
• Permettent de créer un contexte reproductible de
mesure permettant de valider des hypothèses
• Stabilité suffisante pour permettre la levée d’alertes
• Vision concurrentielle, en parcours
• Dareboost, mais pas que…
Attention : no free launch
Du synthétique pour faire levier
Contrôler, influer, proposer, tester, valider
27#seocamp
Expérimentez
Procédez par élimination, par
blocage, testez vos scripts tiers,
soyez curieux·ses !
28#seocamp
• Impliquez l’ensemble des équipes dans les
problématiques abordées
• Valorisez une culture de l’itération : certaines
optimisations ne feront sens que dans un tout
• Soyez patient·e·s et ne croyez pas aux formules
magiques !
Transverses et agiles
Une problématique complexe qui nécessite l’implication de tou·te·s
29#seocamp
Merci.
30#seocamp
● Un format vidéo l’a emporté sur les
autres il y a quelques années. Vous
devriez toujours l’utiliser plutôt que
d’avoir recourt à des GIF animés.
Question mug !
On ne va pas se quitter comme ça…
31#seocamp
● Un format vidéo l’a emporté sur les
autres il y a quelques années. Vous
devriez toujours l’utiliser plutôt que
d’avoir recourt à des GIF animés.
● Mais vu que le sujet est ici la
performance… quel est le troisième
mot de ce paragraphe ?
Question mug !
On ne va pas se quitter comme ça…
32#seocamp
MERCI AUX SPONSORS

Contenu connexe

Similaire à Performance Web : vers la speed update, un pas après l'autre

Comment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurComment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurAlexandre Thuriot
 
L'AMP pour les sites e-commerce - 22 février - Lille
L'AMP pour les sites e-commerce - 22 février - LilleL'AMP pour les sites e-commerce - 22 février - Lille
L'AMP pour les sites e-commerce - 22 février - LillePeak Ace
 
Amp 2 ans après, quel impact sur votre seo en 2018
Amp 2 ans après, quel impact sur votre seo en 2018Amp 2 ans après, quel impact sur votre seo en 2018
Amp 2 ans après, quel impact sur votre seo en 2018Peak Ace
 
100 jours pour développer son trafic !
100 jours pour développer son trafic !100 jours pour développer son trafic !
100 jours pour développer son trafic !Erlé Alberton
 
Technical seo tips and tricks actionnables 2018
Technical seo tips and tricks actionnables 2018Technical seo tips and tricks actionnables 2018
Technical seo tips and tricks actionnables 2018Aymen Loukil
 
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Peak Ace
 
Améliorer l’expérience utilisateur en passant aux Progressive Web App
Améliorer l’expérience utilisateur en passant aux Progressive Web App Améliorer l’expérience utilisateur en passant aux Progressive Web App
Améliorer l’expérience utilisateur en passant aux Progressive Web App RESONEO
 
"WP Super Cache Rocket Reloaded…" – WordCamp Bordeaux 2019
"WP Super Cache Rocket Reloaded…" – WordCamp Bordeaux 2019"WP Super Cache Rocket Reloaded…" – WordCamp Bordeaux 2019
"WP Super Cache Rocket Reloaded…" – WordCamp Bordeaux 2019Boris SCHAPIRA
 
Web Perf : par où commencer ? #SEOGoodVibes
Web Perf : par où commencer ? #SEOGoodVibesWeb Perf : par où commencer ? #SEOGoodVibes
Web Perf : par où commencer ? #SEOGoodVibesiProspect France
 
Webperf : par où commencer ? - SEOGoodVibes
Webperf : par où commencer ? - SEOGoodVibesWebperf : par où commencer ? - SEOGoodVibes
Webperf : par où commencer ? - SEOGoodVibesMadeline Pinthon
 
Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022
Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022
Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022Adrien Russo
 
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Peak Ace
 
Les chantiers indispensables à ajouter à votre Roadmap 2018 - 22 février - Lille
Les chantiers indispensables à ajouter à votre Roadmap 2018 - 22 février - LilleLes chantiers indispensables à ajouter à votre Roadmap 2018 - 22 février - Lille
Les chantiers indispensables à ajouter à votre Roadmap 2018 - 22 février - LillePeak Ace
 
Synergies entre DEV et SEO (SeoCampus 2019)
Synergies entre DEV et SEO (SeoCampus 2019)Synergies entre DEV et SEO (SeoCampus 2019)
Synergies entre DEV et SEO (SeoCampus 2019)LVLUP
 
Synergie entre développeur et consultant SEO - Didier Sampaolo - SEOcamp'us P...
Synergie entre développeur et consultant SEO - Didier Sampaolo - SEOcamp'us P...Synergie entre développeur et consultant SEO - Didier Sampaolo - SEOcamp'us P...
Synergie entre développeur et consultant SEO - Didier Sampaolo - SEOcamp'us P...SEO CAMP
 
Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...
Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...
Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...Peak Ace
 
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Fasterize
 
Performance web - Optez pour une approche qui marche
Performance web - Optez pour une approche qui marchePerformance web - Optez pour une approche qui marche
Performance web - Optez pour une approche qui marcheAymen Loukil
 
Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAM...
Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAM...Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAM...
Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAM...SEO CAMP
 

Similaire à Performance Web : vers la speed update, un pas après l'autre (20)

Comment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurComment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateur
 
L'AMP pour les sites e-commerce - 22 février - Lille
L'AMP pour les sites e-commerce - 22 février - LilleL'AMP pour les sites e-commerce - 22 février - Lille
L'AMP pour les sites e-commerce - 22 février - Lille
 
Amp 2 ans après, quel impact sur votre seo en 2018
Amp 2 ans après, quel impact sur votre seo en 2018Amp 2 ans après, quel impact sur votre seo en 2018
Amp 2 ans après, quel impact sur votre seo en 2018
 
100 jours pour développer son trafic !
100 jours pour développer son trafic !100 jours pour développer son trafic !
100 jours pour développer son trafic !
 
Technical seo tips and tricks actionnables 2018
Technical seo tips and tricks actionnables 2018Technical seo tips and tricks actionnables 2018
Technical seo tips and tricks actionnables 2018
 
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
 
Améliorer l’expérience utilisateur en passant aux Progressive Web App
Améliorer l’expérience utilisateur en passant aux Progressive Web App Améliorer l’expérience utilisateur en passant aux Progressive Web App
Améliorer l’expérience utilisateur en passant aux Progressive Web App
 
"WP Super Cache Rocket Reloaded…" – WordCamp Bordeaux 2019
"WP Super Cache Rocket Reloaded…" – WordCamp Bordeaux 2019"WP Super Cache Rocket Reloaded…" – WordCamp Bordeaux 2019
"WP Super Cache Rocket Reloaded…" – WordCamp Bordeaux 2019
 
Web Perf : par où commencer ? #SEOGoodVibes
Web Perf : par où commencer ? #SEOGoodVibesWeb Perf : par où commencer ? #SEOGoodVibes
Web Perf : par où commencer ? #SEOGoodVibes
 
Webperf : par où commencer ? - SEOGoodVibes
Webperf : par où commencer ? - SEOGoodVibesWebperf : par où commencer ? - SEOGoodVibes
Webperf : par où commencer ? - SEOGoodVibes
 
Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022
Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022
Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022
 
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
 
Les chantiers indispensables à ajouter à votre Roadmap 2018 - 22 février - Lille
Les chantiers indispensables à ajouter à votre Roadmap 2018 - 22 février - LilleLes chantiers indispensables à ajouter à votre Roadmap 2018 - 22 février - Lille
Les chantiers indispensables à ajouter à votre Roadmap 2018 - 22 février - Lille
 
Synergies entre DEV et SEO (SeoCampus 2019)
Synergies entre DEV et SEO (SeoCampus 2019)Synergies entre DEV et SEO (SeoCampus 2019)
Synergies entre DEV et SEO (SeoCampus 2019)
 
Synergie entre développeur et consultant SEO - Didier Sampaolo - SEOcamp'us P...
Synergie entre développeur et consultant SEO - Didier Sampaolo - SEOcamp'us P...Synergie entre développeur et consultant SEO - Didier Sampaolo - SEOcamp'us P...
Synergie entre développeur et consultant SEO - Didier Sampaolo - SEOcamp'us P...
 
Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...
Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...
Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...
 
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
 
Performance web - Optez pour une approche qui marche
Performance web - Optez pour une approche qui marchePerformance web - Optez pour une approche qui marche
Performance web - Optez pour une approche qui marche
 
Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAM...
Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAM...Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAM...
Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAM...
 
Dev opsday case study
Dev opsday   case studyDev opsday   case study
Dev opsday case study
 

Plus de SEO Camp Association

Didier Sampaolo - SEO EN 2019 : GAGNEZ DU TEMPS !
Didier Sampaolo - SEO EN 2019 : GAGNEZ DU TEMPS !Didier Sampaolo - SEO EN 2019 : GAGNEZ DU TEMPS !
Didier Sampaolo - SEO EN 2019 : GAGNEZ DU TEMPS !SEO Camp Association
 
Sebestien Thibert - 10 tips qui aident à augmenter le chiffre d'affaires
Sebestien Thibert - 10 tips qui aident à augmenter le chiffre d'affairesSebestien Thibert - 10 tips qui aident à augmenter le chiffre d'affaires
Sebestien Thibert - 10 tips qui aident à augmenter le chiffre d'affairesSEO Camp Association
 
Julien Anouilh - Faire décoller votre business avec Instagram, mode d'emploi !
Julien Anouilh - Faire décoller votre business avec Instagram, mode d'emploi !Julien Anouilh - Faire décoller votre business avec Instagram, mode d'emploi !
Julien Anouilh - Faire décoller votre business avec Instagram, mode d'emploi !SEO Camp Association
 
Julien Ringard & Benjamin Thiers - Cannibalisation SEO
Julien Ringard & Benjamin Thiers - Cannibalisation SEO Julien Ringard & Benjamin Thiers - Cannibalisation SEO
Julien Ringard & Benjamin Thiers - Cannibalisation SEO SEO Camp Association
 
Guillaume Eouzan - 10 Clés pour optimiser les conversions de votre site
Guillaume Eouzan - 10 Clés pour optimiser les conversions de votre siteGuillaume Eouzan - 10 Clés pour optimiser les conversions de votre site
Guillaume Eouzan - 10 Clés pour optimiser les conversions de votre siteSEO Camp Association
 
Nicolas J. Chevalier - Nouveaux Schémas de croissance e-commerce
Nicolas J. Chevalier - Nouveaux Schémas de croissance e-commerce Nicolas J. Chevalier - Nouveaux Schémas de croissance e-commerce
Nicolas J. Chevalier - Nouveaux Schémas de croissance e-commerce SEO Camp Association
 
Comment définir une stratégie pour atteindre ses objectifs SEO ?
Comment définir une stratégie pour atteindre ses objectifs SEO ?Comment définir une stratégie pour atteindre ses objectifs SEO ?
Comment définir une stratégie pour atteindre ses objectifs SEO ?SEO Camp Association
 
Référencement universel : 10 ans après toujours d actualité ?
Référencement universel : 10 ans après toujours d actualité ?Référencement universel : 10 ans après toujours d actualité ?
Référencement universel : 10 ans après toujours d actualité ?SEO Camp Association
 
Rédaction web intelligence artificielle et semantique seo
Rédaction web intelligence artificielle et semantique seoRédaction web intelligence artificielle et semantique seo
Rédaction web intelligence artificielle et semantique seoSEO Camp Association
 
Petites histoires seo vecues par un seo
Petites histoires seo vecues par un seoPetites histoires seo vecues par un seo
Petites histoires seo vecues par un seoSEO Camp Association
 
Data, algorithmes et automatisation
Data, algorithmes et automatisationData, algorithmes et automatisation
Data, algorithmes et automatisationSEO Camp Association
 
La nouvelle Search Console : session exemples et feedback
La nouvelle Search Console : session exemples et feedbackLa nouvelle Search Console : session exemples et feedback
La nouvelle Search Console : session exemples et feedbackSEO Camp Association
 
How a briefing can ruin or win your content results
How a briefing can ruin or win your content resultsHow a briefing can ruin or win your content results
How a briefing can ruin or win your content resultsSEO Camp Association
 
SEO & SEA : Réconcilions les frères ennemis !
SEO & SEA : Réconcilions les frères ennemis !SEO & SEA : Réconcilions les frères ennemis !
SEO & SEA : Réconcilions les frères ennemis !SEO Camp Association
 
Inbound marketing : comment attirer des visiteurs et les transformer en clien...
Inbound marketing : comment attirer des visiteurs et les transformer en clien...Inbound marketing : comment attirer des visiteurs et les transformer en clien...
Inbound marketing : comment attirer des visiteurs et les transformer en clien...SEO Camp Association
 
Les technologies TAL et le futur du SEO
Les technologies TAL et le futur du SEOLes technologies TAL et le futur du SEO
Les technologies TAL et le futur du SEOSEO Camp Association
 
L’importance du crawl du JavaScript : pourquoi, comment et pour quels bénéfic...
L’importance du crawl du JavaScript : pourquoi, comment et pour quels bénéfic...L’importance du crawl du JavaScript : pourquoi, comment et pour quels bénéfic...
L’importance du crawl du JavaScript : pourquoi, comment et pour quels bénéfic...SEO Camp Association
 
Grandes attentes, financement inadéquat: les défis auxquels fait face le SEO ...
Grandes attentes, financement inadéquat: les défis auxquels fait face le SEO ...Grandes attentes, financement inadéquat: les défis auxquels fait face le SEO ...
Grandes attentes, financement inadéquat: les défis auxquels fait face le SEO ...SEO Camp Association
 

Plus de SEO Camp Association (20)

Didier Sampaolo - SEO EN 2019 : GAGNEZ DU TEMPS !
Didier Sampaolo - SEO EN 2019 : GAGNEZ DU TEMPS !Didier Sampaolo - SEO EN 2019 : GAGNEZ DU TEMPS !
Didier Sampaolo - SEO EN 2019 : GAGNEZ DU TEMPS !
 
Sebestien Thibert - 10 tips qui aident à augmenter le chiffre d'affaires
Sebestien Thibert - 10 tips qui aident à augmenter le chiffre d'affairesSebestien Thibert - 10 tips qui aident à augmenter le chiffre d'affaires
Sebestien Thibert - 10 tips qui aident à augmenter le chiffre d'affaires
 
Julien Anouilh - Faire décoller votre business avec Instagram, mode d'emploi !
Julien Anouilh - Faire décoller votre business avec Instagram, mode d'emploi !Julien Anouilh - Faire décoller votre business avec Instagram, mode d'emploi !
Julien Anouilh - Faire décoller votre business avec Instagram, mode d'emploi !
 
Julien Ringard & Benjamin Thiers - Cannibalisation SEO
Julien Ringard & Benjamin Thiers - Cannibalisation SEO Julien Ringard & Benjamin Thiers - Cannibalisation SEO
Julien Ringard & Benjamin Thiers - Cannibalisation SEO
 
Guillaume Eouzan - 10 Clés pour optimiser les conversions de votre site
Guillaume Eouzan - 10 Clés pour optimiser les conversions de votre siteGuillaume Eouzan - 10 Clés pour optimiser les conversions de votre site
Guillaume Eouzan - 10 Clés pour optimiser les conversions de votre site
 
Nicolas J. Chevalier - Nouveaux Schémas de croissance e-commerce
Nicolas J. Chevalier - Nouveaux Schémas de croissance e-commerce Nicolas J. Chevalier - Nouveaux Schémas de croissance e-commerce
Nicolas J. Chevalier - Nouveaux Schémas de croissance e-commerce
 
Comment définir une stratégie pour atteindre ses objectifs SEO ?
Comment définir une stratégie pour atteindre ses objectifs SEO ?Comment définir une stratégie pour atteindre ses objectifs SEO ?
Comment définir une stratégie pour atteindre ses objectifs SEO ?
 
Référencement universel : 10 ans après toujours d actualité ?
Référencement universel : 10 ans après toujours d actualité ?Référencement universel : 10 ans après toujours d actualité ?
Référencement universel : 10 ans après toujours d actualité ?
 
Content marketing seo
Content marketing seoContent marketing seo
Content marketing seo
 
Rédaction web intelligence artificielle et semantique seo
Rédaction web intelligence artificielle et semantique seoRédaction web intelligence artificielle et semantique seo
Rédaction web intelligence artificielle et semantique seo
 
Petites histoires seo vecues par un seo
Petites histoires seo vecues par un seoPetites histoires seo vecues par un seo
Petites histoires seo vecues par un seo
 
Excel au service de votre SEO
Excel au service de votre SEOExcel au service de votre SEO
Excel au service de votre SEO
 
Data, algorithmes et automatisation
Data, algorithmes et automatisationData, algorithmes et automatisation
Data, algorithmes et automatisation
 
La nouvelle Search Console : session exemples et feedback
La nouvelle Search Console : session exemples et feedbackLa nouvelle Search Console : session exemples et feedback
La nouvelle Search Console : session exemples et feedback
 
How a briefing can ruin or win your content results
How a briefing can ruin or win your content resultsHow a briefing can ruin or win your content results
How a briefing can ruin or win your content results
 
SEO & SEA : Réconcilions les frères ennemis !
SEO & SEA : Réconcilions les frères ennemis !SEO & SEA : Réconcilions les frères ennemis !
SEO & SEA : Réconcilions les frères ennemis !
 
Inbound marketing : comment attirer des visiteurs et les transformer en clien...
Inbound marketing : comment attirer des visiteurs et les transformer en clien...Inbound marketing : comment attirer des visiteurs et les transformer en clien...
Inbound marketing : comment attirer des visiteurs et les transformer en clien...
 
Les technologies TAL et le futur du SEO
Les technologies TAL et le futur du SEOLes technologies TAL et le futur du SEO
Les technologies TAL et le futur du SEO
 
L’importance du crawl du JavaScript : pourquoi, comment et pour quels bénéfic...
L’importance du crawl du JavaScript : pourquoi, comment et pour quels bénéfic...L’importance du crawl du JavaScript : pourquoi, comment et pour quels bénéfic...
L’importance du crawl du JavaScript : pourquoi, comment et pour quels bénéfic...
 
Grandes attentes, financement inadéquat: les défis auxquels fait face le SEO ...
Grandes attentes, financement inadéquat: les défis auxquels fait face le SEO ...Grandes attentes, financement inadéquat: les défis auxquels fait face le SEO ...
Grandes attentes, financement inadéquat: les défis auxquels fait face le SEO ...
 

Performance Web : vers la speed update, un pas après l'autre

  • 1. 1#seocamp Performance Web : vers la Speed Update, un pas après l’autre
  • 4. 4#seocamp Google et la performance Quelques dates pour se situer 2009 2010 … 2014 2015 2016 2017 2018 PageSpeed Ranking WebPerf Mobilegedon Labels « Red Slow » & « Slow to load » Mobile-First CrUX dans PageSpeed AMP CrUX Report Speed Update
  • 5. 5#seocamp « Speed isn’t just a feature, it’s the feature » « The Google Gospel of Speed », Urs Hoelzle, 2012
  • 6. 6#seocamp ▪ « Ne jamais livrer une fonctionnalité qui nous ralentit » ▪ Toujours un sujet fondamental de communication, même une fois Chrome en position de leadership ▪ De l’investissement sur la performance: outils, technologies, conseils… Une question de valeurs La performance Web a toujours été au cœur des actions de Google
  • 7. 7#seocamp ▪ Réduction des coûts d’exploitation ▪ Augmentation des gains publicitaires ▪ Évolution des usages, design de l’expérience mobile ▪ Essor des plateformes de contenus ▪ Capture des marchés émergents ▪ Croissance interne forte Une question de business La performance comme un impératif fondamental de fonctionnement
  • 8. 8#seocamp Comment se mesure la performance web ?
  • 9. 9#seocamp « Qualité Web », Élie Sloïm et Laurent Denis Chaque site propose une expérience différente
  • 10. 10#seocamp Une variété d’indicateurs Chaque projet doit trouver le jeu d’indicateurs qui lui convient ▪ Indicateurs collectés côté serveur, et côté navigateur ▪ Indicateurs browser ou basés sur l’analyse vidéo ▪ Indicateurs collectés auprès de vrais utilisateurs, ou dans un environnement contrôlé ▪ Indicateurs d’affichage, d’interactivité ▪ Indicateurs créés par le métier ▪ Temps de chargement
  • 11. 11#seocamp ▪ Time To First Byte (TTFB) : « temps de réponse serveur » + latence × 2 ▪ Début d’affichage (Start Render) : moment où la page n’est plus « blanche » ▪ Dom Content Loaded (DCL) : fin du chargement principal (y compris les scripts et CSS) Les indispensables « chargement » Les indicateurs à connaître absolument
  • 12. 12#seocamp Speed Index Mesure la progressivité de l’affichage 100 %90 %80 %60 % 60 % 60 % 60 % 100 % 400 ms 800 ms 1200 ms 1600 ms 2000 ms 0 % 0 %
  • 13. 13#seocamp Speed Index Mesure la progressivité de l’affichage 0 10 20 30 40 50 60 70 80 90 100 Exemple A Exemple B
  • 14. 14#seocamp Speed Index Mesure la progressivité de l’affichage 100 %90 %75 %60 % 60 % 60 % 60 % 100 % 400 ms 800 ms 1200 ms 1600 ms 2000 ms 0 % 0 % Speed Index : 1100 Speed Index : 1280
  • 15. 15#seocamp ▪ Nombre de requêtes : impact sur la latence ▪ Poids total : consommation de données et de CPU* ▪ Métriques personnalisées : répondent à la fois à une problématique de mesure de contenus et de temps. Exemple : « affichage du contenu principal » * Attention au poids du JavaScript ! Les métriques de contenu Les indicateurs à connaître absolument
  • 16. 16#seocamp Moment auquel est rendu le premier élément de contenu du DOM : texte, image ou élément <canvas>. Mesuré via Google Chrome First Contentful Paint La métrique au cœur de PageSpeed Insights
  • 17. 17#seocamp Base de données anonymes collectées via Google Chrome Chrome UX Report (CrUX)
  • 18. 18#seocamp ▪ Clé en main : vision RUM sans avoir à déployer quoi que ce soit sur son site… ou celui de ses concurrents ▪ Pointu : nécessite des bases en statistiques et manipulation de données complexes mais à partir de là, pas mal de choses sont possibles. Forces du CrUX Une base de données géante !
  • 19. 19#seocamp En RUM, toujours considérer la distribution dans son ensemble. Attention, ici les données sont ramenées à 100 % par form factor. Requête Big Query
  • 20. 20#seocamp ▪ Exhaustivité : peu de sites concernés par pays ▪ Agrégations : par défaut, par pays, et sur des périodes de temps non-contrôlées ▪ Modèle de données : limité, mais Big Query donne aussi accès aux données HTTP Archive depuis 2010 Limitations du CrUX Tout n’est pas rose au pays du Chrome UX Report
  • 21. 21#seocamp « Vidéo : optimisez vos MP4 pour de meilleures performances », Boris Schapira
  • 23. 23#seocamp • Échantillonner à 100% en dessous de 20k PV/jour • Éviter l’indicateur de « Page Load Time » (lui préférer le « Document Content Loaded Time » ou un Custom Timing) • Segmenter pour analyser : matériel, localisation, navigateur, FAI… Du RUM avec Google Analytics Pas besoin d’être un expert JS pour mettre en place du monitoring
  • 25. 25#seocamp Chaque localisation est un portefeuille de contextes différents
  • 26. 26#seocamp • Contextes limités mais maitrisés • Permettent de créer un contexte reproductible de mesure permettant de valider des hypothèses • Stabilité suffisante pour permettre la levée d’alertes • Vision concurrentielle, en parcours • Dareboost, mais pas que… Attention : no free launch Du synthétique pour faire levier Contrôler, influer, proposer, tester, valider
  • 27. 27#seocamp Expérimentez Procédez par élimination, par blocage, testez vos scripts tiers, soyez curieux·ses !
  • 28. 28#seocamp • Impliquez l’ensemble des équipes dans les problématiques abordées • Valorisez une culture de l’itération : certaines optimisations ne feront sens que dans un tout • Soyez patient·e·s et ne croyez pas aux formules magiques ! Transverses et agiles Une problématique complexe qui nécessite l’implication de tou·te·s
  • 30. 30#seocamp ● Un format vidéo l’a emporté sur les autres il y a quelques années. Vous devriez toujours l’utiliser plutôt que d’avoir recourt à des GIF animés. Question mug ! On ne va pas se quitter comme ça…
  • 31. 31#seocamp ● Un format vidéo l’a emporté sur les autres il y a quelques années. Vous devriez toujours l’utiliser plutôt que d’avoir recourt à des GIF animés. ● Mais vu que le sujet est ici la performance… quel est le troisième mot de ce paragraphe ? Question mug ! On ne va pas se quitter comme ça…