Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Comment mesurer la vitesse
des sites ?
Faire le point sur les indicateurs – Madeline Pinthon
Qui suis-je ?
Madeline Pinthon
Consultante SEO chez iProspect
Audencia alumni
Twitter : @razbithume
www.canyouseome.com
Un fort impact sur
l’expérience
utilisateur
Pourquoi la vitesse des sites est importante ?
En réduisant le temps de chargement de 15 à 19%
Etude de cas Fasterize
+3,8 %
Pages vues
par session
+6%
Durée
moyenne de
...
La communication de
Google
Des annonces récentes de Google
1
2
3
Une multitude d’outils Google à disposition
Les outils
Mais également d’autres outils
2 types d’outils : Synthetic VS RUM
Mesure Synthetic – Lab data
Robot
Tests ponctuels
Paramètres contrôlés
RUM (Real User ...
2 types d’outils : Synthetic VS RUM
Le cycle d’optimisation de la performance
Les 3 biais de la mesure de performance
Un seul indicateur est représentatif1
L’outil me dit que le site est rapide2
Lorsq...
Que mesurent ces
outils ?
Quel site est le plus rapide ?
Quel site est le plus rapide ?
Les étapes du chargement d’une page
Les étapes du chargement d’une page
BACK END FRONT END
Connection/réseau Serveur Navigateur
Les étapes du chargement d’une page
TTFB
Objectif : < 200ms
Les étapes du chargement d’une page
Temps de téléchargement / total delay
Objectif : < 500ms
Les étapes du chargement d’une page
Temps de
chargement
Objectif : < 5 secondes
Les étapes du chargement d’une page
La page est
(quasiment) affichée
Quelle page est totalement chargée en 3
secondes ?
Onload <3 secondes : 20 Minutes
https://ruxt.dexecure.com
Onload <3 secondes : L’équipe
Les informations dans Google Analytics
Quelle page est totalement chargée en 3
secondes ?
Le temps d’affichage
Le temps d’affichage
(Presque) Equivalent au StartRender
Le temps d’affichage
Donnée présente dans Page Speed Insights
Le temps d’affichage
(presque) équivalent au DomInteractive
L’équipeVS 20 Minutes
L’équipeVS 20 Minutes
Nouvelle version de LightHouse
Comment combiner
performance et
affichage ?
Comment combiner performance et affichage ?
Une problématique : le temps de chargement ne reflète pas toujours la percepti...
La notion de speedindex
Le speedindex
Le speedindex
Objectif : < 1000
LeTimeTo Interactive
TimeTo Interactive
• Attend le FCP
• Le navigateur ne doit pas être interrompu pendant au moins 5 secondes par une tâche d...
Comparaison 20 MinutesVS L’équipe
Comparaison 20 MinutesVS L’équipe
Comparaison 20 MinutesVS L’équipe
Comparaison 20 MinutesVS L’équipe
Que conclure ?
Speed and Ranking
“No single metric perfectly captures mobile site speed and user experience. As such,
the ranking methodo...
Les 3 biais de la mesure de performance
Un seul indicateur est représentatif1
L’outil me dit que le site est rapide2
Lorsq...
Les 3 réflexes de la mesure de performance
Utiliser plusieurs indicateurs1
Utiliser des données lab et analytics2
Simuler ...
L’expérience utilisateur et les KPI
Expérience Constat KPI
Est-ce que ça arrive ? Le serveur a-t-il répondu ?
La navigatio...
Le cycle d’optimisation de la performance
Merci !
Madeline Pinthon - @razbithume
Upcoming SlideShare
Loading in …5
×

Vitesse des sites : comment la mesurer ? - Web2Day | iProspect France

2,272 views

Published on

Pourquoi la vitesse des sites est devenue un élément primordial dans le référencement de vos sites ? Découvrez la présentation de Madeline Pinthon, consultante SEO chez iProspect, présentée lors du dernier #Web2Day.

Published in: Marketing
  • Be the first to comment

  • Be the first to like this

Vitesse des sites : comment la mesurer ? - Web2Day | iProspect France

  1. 1. Comment mesurer la vitesse des sites ? Faire le point sur les indicateurs – Madeline Pinthon
  2. 2. Qui suis-je ? Madeline Pinthon Consultante SEO chez iProspect Audencia alumni Twitter : @razbithume www.canyouseome.com
  3. 3. Un fort impact sur l’expérience utilisateur
  4. 4. Pourquoi la vitesse des sites est importante ?
  5. 5. En réduisant le temps de chargement de 15 à 19% Etude de cas Fasterize +3,8 % Pages vues par session +6% Durée moyenne de la visite +1,7% Panier moyen -3,4 % Taux de rebond +16% Taux de conversion
  6. 6. La communication de Google
  7. 7. Des annonces récentes de Google 1 2 3
  8. 8. Une multitude d’outils Google à disposition
  9. 9. Les outils
  10. 10. Mais également d’autres outils
  11. 11. 2 types d’outils : Synthetic VS RUM Mesure Synthetic – Lab data Robot Tests ponctuels Paramètres contrôlés RUM (Real User Monitoring) Utilisateurs Collecte continue Conditions réelles
  12. 12. 2 types d’outils : Synthetic VS RUM
  13. 13. Le cycle d’optimisation de la performance
  14. 14. Les 3 biais de la mesure de performance Un seul indicateur est représentatif1 L’outil me dit que le site est rapide2 Lorsque je vais sur le site, c’est rapide3
  15. 15. Que mesurent ces outils ?
  16. 16. Quel site est le plus rapide ?
  17. 17. Quel site est le plus rapide ?
  18. 18. Les étapes du chargement d’une page
  19. 19. Les étapes du chargement d’une page BACK END FRONT END Connection/réseau Serveur Navigateur
  20. 20. Les étapes du chargement d’une page TTFB Objectif : < 200ms
  21. 21. Les étapes du chargement d’une page Temps de téléchargement / total delay Objectif : < 500ms
  22. 22. Les étapes du chargement d’une page Temps de chargement Objectif : < 5 secondes
  23. 23. Les étapes du chargement d’une page La page est (quasiment) affichée
  24. 24. Quelle page est totalement chargée en 3 secondes ?
  25. 25. Onload <3 secondes : 20 Minutes https://ruxt.dexecure.com
  26. 26. Onload <3 secondes : L’équipe
  27. 27. Les informations dans Google Analytics
  28. 28. Quelle page est totalement chargée en 3 secondes ?
  29. 29. Le temps d’affichage
  30. 30. Le temps d’affichage (Presque) Equivalent au StartRender
  31. 31. Le temps d’affichage Donnée présente dans Page Speed Insights
  32. 32. Le temps d’affichage (presque) équivalent au DomInteractive
  33. 33. L’équipeVS 20 Minutes
  34. 34. L’équipeVS 20 Minutes
  35. 35. Nouvelle version de LightHouse
  36. 36. Comment combiner performance et affichage ?
  37. 37. Comment combiner performance et affichage ? Une problématique : le temps de chargement ne reflète pas toujours la perception de l’utilisateur
  38. 38. La notion de speedindex
  39. 39. Le speedindex
  40. 40. Le speedindex Objectif : < 1000
  41. 41. LeTimeTo Interactive
  42. 42. TimeTo Interactive • Attend le FCP • Le navigateur ne doit pas être interrompu pendant au moins 5 secondes par une tâche de plus de 50 ms. • Prend en compte la consommation des ressources
  43. 43. Comparaison 20 MinutesVS L’équipe
  44. 44. Comparaison 20 MinutesVS L’équipe
  45. 45. Comparaison 20 MinutesVS L’équipe
  46. 46. Comparaison 20 MinutesVS L’équipe
  47. 47. Que conclure ?
  48. 48. Speed and Ranking “No single metric perfectly captures mobile site speed and user experience. As such, the ranking methodology is based on a combination of three metrics as reported across mobile devices by the CrUX Report: First Contentful Paint, DOMContentLoaded and Onload. Since rank is based on multiple metrics rather than on First Contentful Paint alone, sites with slower First Contentful Paint times may rank higher than sites with faster First Contentful Paint times.” https://www.thinkwithgoogle.com/feature/mobile/
  49. 49. Les 3 biais de la mesure de performance Un seul indicateur est représentatif1 L’outil me dit que le site est rapide2 Lorsque je vais sur le site, c’est rapide3
  50. 50. Les 3 réflexes de la mesure de performance Utiliser plusieurs indicateurs1 Utiliser des données lab et analytics2 Simuler les conditions de réseaux (3G, cable,…)3
  51. 51. L’expérience utilisateur et les KPI Expérience Constat KPI Est-ce que ça arrive ? Le serveur a-t-il répondu ? La navigation a démarré ? First Paint / First Contentful Paint Est-ce utile ? Y a-t-il assez de contenu affiché pour comprendre la page ? First Meaningful Paint Est-ce utilisable ? Les utilisateurs peuvent-ils interagir avec la page ? Ou est-ce que cela charge encore ? TimeTo Interactive Est-ce agréable ? Les interactions sont-elles fluides et naturelles ? LongTasks
  52. 52. Le cycle d’optimisation de la performance
  53. 53. Merci ! Madeline Pinthon - @razbithume

×