Agence Conseil en stratégie digitale
SEO, CRO, Inbound Marketing, AnalyticsAgence Conseil en stratégie digitale
SEO, CRO, Inbound Marketing, Analytics
PETIT DEJEUNER SEO
SEARCH FORESIGHT
7eme édition
LE 4 DECEMBRE 2014
9h-12h
OPTIMISATION DE VOS PERFORMANCES SEO
/ SEO
Mouad Boulaabi
&
Corinne Poiroud
SOMMAIRE
1 - Introduction
2 - Diagnostiquer les problèmes de performance
 Google webmaster tools
 Outils de Web Analytics
 Rapport de crawl
 Autres outils
3 - Bonnes pratiques pour améliorer les performances
 Temps de téléchargement
 Temps de rendition
- 2 -
Agence Conseil en stratégie digitale
SEO, CRO, Inbound Marketing, Analytics
1
INTRODUCTION
Agence Conseil en stratégie digitale
SEO, CRO, Inbound Marketing, Analytics
/ IMPORTANCE DU TEMPS DE CHARGEMENT
- 4 -
PERFORMANCES D’UN SITE
Le temps de chargement est important pour
 Google qui le prend officiellement en compte, même
si il n’y a pas d’effet mesurable
 Les internautes : ils apprécient particulièrement un
site qui se charge rapidement. Impact sur le taux de
conversion
 Les mobinautes : Ils sont encore plus impatients !
Temps de téléchargement : délai nécessaire pour télécharger le
code HTML de la page (+ les js/css/fichiers externes)
Temps de rendition: délai pour que la page s’affiche dans le
navigateur de l’internaute.
- 5 -
TEMPS DE TÉLÉCHARGEMENT VS RENDITION
Agence Conseil en stratégie digitale
SEO, CRO, Inbound Marketing, Analytics
2
DIAGNOSTIQUER LES
PROBLÈMES DE
PERFORMANCES
Agence Conseil en stratégie digitale
SEO, CRO, Inbound Marketing, Analytics
/ GOOGLE WEBMASTER TOOLS
- 7 -
DIAGNOSTIQUER LES PROBLÈMES DE PERFORMANCES
Google Webmaster Tools nous donne des informations sur le temps de
téléchargement moyen d’un site.
On peut donc avoir des pages qui ont un temps de téléchargement plus
élevé et d’autres moins élevés.
On remarque un impact sur l’évolution du crawl, mais pas sur le ranking.
Nous estimons que ce temps doit être d’environ 500ms.
/ CRAWL DU SITE
- 8 -
DIAGNOSTIQUER LES PROBLÈMES DE PERFORMANCES
En crawlant le site et on choisissant une catégorisation
précise, cela permet d’identifier :
 Quelles sont les parties du site qui sont les plus lentes
 Quels sont les templates qui prennent du temps à se
charger
 Quelles pages pénalisent le temps de chargement
/ EXEMPLE DE GOOGLE ANALYTICS
- 9 -
DIAGNOSTIQUER LES PROBLÈMES DE PERFORMANCES
Côté Google Analytics, on peut obtenir le temps moyen de
chargement (temps de rendition).
Cela permet de voir quelles sont les pages qui impactent le
temps de chargement de votre site.
/ ANALYSER VOTRE SITE A L’AIDE D’UN OUTIL
- 10 -
DIAGNOSTIQUER LES PROBLÈMES DE PERFORMANCES
/ GOOGLE PAGE SPEED
- 11 -
DIAGNOSTIQUER LES PROBLÈMES DE PERFORMANCES
Il permet d’identifier les principaux problèmes sur Desktop et sur Mobile :
/ AUTRES OUTILS
- 12 -
DIAGNOSTIQUER LES PROBLÈMES DE PERFORMANCES
Il existe de outils en ligne qui permettent de tester le temps
de chargement d’un site :
*Web Page Test : il permet de tester en changeant la localisation
Agence Conseil en stratégie digitale
SEO, CRO, Inbound Marketing, Analytics
3
BONNES PRATIQUES POUR
AMÉLIORER LES
PERFORMANCES D’UN
SITE
Agence Conseil en stratégie digitale
SEO, CRO, Inbound Marketing, Analytics
/ QUELQUES RECOMMANDATIONS
- 14 -
BONNES PRATIQUES
 Utiliser la compression Gzip ou le mode Deflate pour entre serveur et navigateur pour
télécharger les données plus rapidement.
 Mise en cache côté serveur : caches données, cache code et cache serveur
 Utiliser la mise en cache navigateur pour donner une date d’expiration à chaque élément
statique de la page. On peut aussi penser aux CDN.
 Optimisation des images : en utilisant les bons formats (JPEG, PNG, GIF), en supprimant
les données Exif et en utilisant les sprites CSS.
 Regrouper les styles CSS dans un fichier CSS externe unique (pour limiter les appels).
 Regrouper tous les scripts JavaScript dans un fichier JS externe unique (pour limiter les
appels).
 Minifying JS et CSS : On minifie le code en supprimant les espaces, retours à la ligne
inutiles, commentaires… pour le rendre le plus simple possible.
 Limiter le nombre de redirections pour réduire le temps de réponse du serveur.
/ OPTIMISATION MOTEUR INTERNE
- 15 -
BONNES PRATIQUES
 Identification des problèmes :
• Analyser les logs du moteur afin d’identifier les requêtes les plus lentes.
• Comprendre pourquoi ces requêtes sont lentes.
 Quelles sont les solutions ?
• Optimiser le paramétrage
• Pré-calculer les résultats pour les requêtes les plus demandées par les internautes
• Optimiser les index
/ MODULE PAGESPEED POUR APACHE et NGINX
- 16 -
MODULE PAGESPEED DE GOOGLE (ServerSide)
Puis on teste
http://www.votresite.fr/?PageSpeed=on&PageSpeedFilters=sprite_images
http://www.votresite.fr/?PageSpeed=off

L'incidence des Performances sur le SEO

  • 1.
    Agence Conseil enstratégie digitale SEO, CRO, Inbound Marketing, AnalyticsAgence Conseil en stratégie digitale SEO, CRO, Inbound Marketing, Analytics PETIT DEJEUNER SEO SEARCH FORESIGHT 7eme édition LE 4 DECEMBRE 2014 9h-12h OPTIMISATION DE VOS PERFORMANCES SEO / SEO Mouad Boulaabi & Corinne Poiroud
  • 2.
    SOMMAIRE 1 - Introduction 2- Diagnostiquer les problèmes de performance  Google webmaster tools  Outils de Web Analytics  Rapport de crawl  Autres outils 3 - Bonnes pratiques pour améliorer les performances  Temps de téléchargement  Temps de rendition - 2 -
  • 3.
    Agence Conseil enstratégie digitale SEO, CRO, Inbound Marketing, Analytics 1 INTRODUCTION Agence Conseil en stratégie digitale SEO, CRO, Inbound Marketing, Analytics
  • 4.
    / IMPORTANCE DUTEMPS DE CHARGEMENT - 4 - PERFORMANCES D’UN SITE Le temps de chargement est important pour  Google qui le prend officiellement en compte, même si il n’y a pas d’effet mesurable  Les internautes : ils apprécient particulièrement un site qui se charge rapidement. Impact sur le taux de conversion  Les mobinautes : Ils sont encore plus impatients !
  • 5.
    Temps de téléchargement: délai nécessaire pour télécharger le code HTML de la page (+ les js/css/fichiers externes) Temps de rendition: délai pour que la page s’affiche dans le navigateur de l’internaute. - 5 - TEMPS DE TÉLÉCHARGEMENT VS RENDITION
  • 6.
    Agence Conseil enstratégie digitale SEO, CRO, Inbound Marketing, Analytics 2 DIAGNOSTIQUER LES PROBLÈMES DE PERFORMANCES Agence Conseil en stratégie digitale SEO, CRO, Inbound Marketing, Analytics
  • 7.
    / GOOGLE WEBMASTERTOOLS - 7 - DIAGNOSTIQUER LES PROBLÈMES DE PERFORMANCES Google Webmaster Tools nous donne des informations sur le temps de téléchargement moyen d’un site. On peut donc avoir des pages qui ont un temps de téléchargement plus élevé et d’autres moins élevés. On remarque un impact sur l’évolution du crawl, mais pas sur le ranking. Nous estimons que ce temps doit être d’environ 500ms.
  • 8.
    / CRAWL DUSITE - 8 - DIAGNOSTIQUER LES PROBLÈMES DE PERFORMANCES En crawlant le site et on choisissant une catégorisation précise, cela permet d’identifier :  Quelles sont les parties du site qui sont les plus lentes  Quels sont les templates qui prennent du temps à se charger  Quelles pages pénalisent le temps de chargement
  • 9.
    / EXEMPLE DEGOOGLE ANALYTICS - 9 - DIAGNOSTIQUER LES PROBLÈMES DE PERFORMANCES Côté Google Analytics, on peut obtenir le temps moyen de chargement (temps de rendition). Cela permet de voir quelles sont les pages qui impactent le temps de chargement de votre site.
  • 10.
    / ANALYSER VOTRESITE A L’AIDE D’UN OUTIL - 10 - DIAGNOSTIQUER LES PROBLÈMES DE PERFORMANCES
  • 11.
    / GOOGLE PAGESPEED - 11 - DIAGNOSTIQUER LES PROBLÈMES DE PERFORMANCES Il permet d’identifier les principaux problèmes sur Desktop et sur Mobile :
  • 12.
    / AUTRES OUTILS -12 - DIAGNOSTIQUER LES PROBLÈMES DE PERFORMANCES Il existe de outils en ligne qui permettent de tester le temps de chargement d’un site : *Web Page Test : il permet de tester en changeant la localisation
  • 13.
    Agence Conseil enstratégie digitale SEO, CRO, Inbound Marketing, Analytics 3 BONNES PRATIQUES POUR AMÉLIORER LES PERFORMANCES D’UN SITE Agence Conseil en stratégie digitale SEO, CRO, Inbound Marketing, Analytics
  • 14.
    / QUELQUES RECOMMANDATIONS -14 - BONNES PRATIQUES  Utiliser la compression Gzip ou le mode Deflate pour entre serveur et navigateur pour télécharger les données plus rapidement.  Mise en cache côté serveur : caches données, cache code et cache serveur  Utiliser la mise en cache navigateur pour donner une date d’expiration à chaque élément statique de la page. On peut aussi penser aux CDN.  Optimisation des images : en utilisant les bons formats (JPEG, PNG, GIF), en supprimant les données Exif et en utilisant les sprites CSS.  Regrouper les styles CSS dans un fichier CSS externe unique (pour limiter les appels).  Regrouper tous les scripts JavaScript dans un fichier JS externe unique (pour limiter les appels).  Minifying JS et CSS : On minifie le code en supprimant les espaces, retours à la ligne inutiles, commentaires… pour le rendre le plus simple possible.  Limiter le nombre de redirections pour réduire le temps de réponse du serveur.
  • 15.
    / OPTIMISATION MOTEURINTERNE - 15 - BONNES PRATIQUES  Identification des problèmes : • Analyser les logs du moteur afin d’identifier les requêtes les plus lentes. • Comprendre pourquoi ces requêtes sont lentes.  Quelles sont les solutions ? • Optimiser le paramétrage • Pré-calculer les résultats pour les requêtes les plus demandées par les internautes • Optimiser les index
  • 16.
    / MODULE PAGESPEEDPOUR APACHE et NGINX - 16 - MODULE PAGESPEED DE GOOGLE (ServerSide) Puis on teste http://www.votresite.fr/?PageSpeed=on&PageSpeedFilters=sprite_images http://www.votresite.fr/?PageSpeed=off