- Diagnostiquer des problèmes de performance - Les bonnes pratiques pour améliorer les performances d'un site : ==> temps de téléchargement ==> temps de rendition.

1. 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

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 en stratégie digitale
SEO, CRO, Inbound Marketing, Analytics
1
INTRODUCTION
Agence Conseil en stratégie digitale
SEO, CRO, Inbound Marketing, Analytics

4. / 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 !

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 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

7. / 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.

8. / 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

9. / 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.

10. / ANALYSER VOTRE SITE A L’AIDE D’UN OUTIL
- 10 -
DIAGNOSTIQUER LES PROBLÈMES DE PERFORMANCES

11. / GOOGLE PAGE SPEED
- 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 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

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 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

16. / 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