Temps de chargement des sites et impact sur le référencement
Optimisation des performances d'un site web
1. dernière édition : Kaelig Deloumeau-Prigent, le 12 mai 2010
Optimiser les
performances de son
site web
Cette création est mise à disposition selon le Contrat Paternité-Partage des Conditions Initiales à l'Identique 2.0 France disponible en ligne http://
creativecommons.org/licenses/by-sa/2.0/fr/ ou par courrier postal à Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.
3. Pourquoi un site + rapide ?
Google : + 0.4s = -0.6% de recherches (source)
4. Pourquoi un site + rapide ?
Google : + 0.4s = -0.6% de recherches (source)
Site lent = hausse du taux de rebond
5. Pourquoi un site + rapide ?
Google : + 0.4s = -0.6% de recherches (source)
Site lent = hausse du taux de rebond
En e-commerce : impact sur le ROI
6. Pourquoi un site + rapide ?
Google : + 0.4s = -0.6% de recherches (source)
Site lent = hausse du taux de rebond
En e-commerce : impact sur le ROI
Depuis peu de temps : impact SEO
7. Pourquoi un site + rapide ?
Google : + 0.4s = -0.6% de recherches (source)
Site lent = hausse du taux de rebond
En e-commerce : impact sur le ROI
Depuis peu de temps : impact SEO
Mais aussi...
11. Marche à suivre
« Auditer » ses pages, savoir quelles mesures prendre
12. Marche à suivre
« Auditer » ses pages, savoir quelles mesures prendre
Optimiser son serveur
13. Marche à suivre
« Auditer » ses pages, savoir quelles mesures prendre
Optimiser son serveur
Tirer parti du cache du navigateur
14. Marche à suivre
« Auditer » ses pages, savoir quelles mesures prendre
Optimiser son serveur
Tirer parti du cache du navigateur
Diminuer le nombre de requêtes http
15. Marche à suivre
« Auditer » ses pages, savoir quelles mesures prendre
Optimiser son serveur
Tirer parti du cache du navigateur
Diminuer le nombre de requêtes http
Optimiser les images
16. Marche à suivre
« Auditer » ses pages, savoir quelles mesures prendre
Optimiser son serveur
Tirer parti du cache du navigateur
Diminuer le nombre de requêtes http
Optimiser les images
Optimiser les scripts
33. Optimiser le code HTML
Externaliser les styles et les scripts
Placer les CSS dans le head
34. Optimiser le code HTML
Externaliser les styles et les scripts
Placer les CSS dans le head
Placer les scripts en bas de page autant que possible
35. Optimiser le code HTML
Externaliser les styles et les scripts
Placer les CSS dans le head
Placer les scripts en bas de page autant que possible
Coder «light» : standards, extensibilité, simplicité
36. Optimiser le code HTML
Externaliser les styles et les scripts
Placer les CSS dans le head
Placer les scripts en bas de page autant que possible
Coder «light» : standards, extensibilité, simplicité
D’autres bonnes pratiques, surtout efficaces côté client
40. Optimiser les images
Retirer les meta datas (exporter pour le web)
Ne pas utiliser les gif
Choisir le bon format (jpg pour les photos, png
pour les pictos)
Exemple : linternaute.com
Avant optimisation : 492 Ko
Après optimisation : 353 Ko
46. Diminuer le nombre de requêtes HTTP
Grouper les CSS et scripts
Combine.php
47. Diminuer le nombre de requêtes HTTP
Grouper les CSS et scripts
Combine.php
Éviter les iframes
48. Diminuer le nombre de requêtes HTTP
Grouper les CSS et scripts
Combine.php
Éviter les iframes
Recharger certaines parties de la page en AJAX
49. Diminuer le nombre de requêtes HTTP
Grouper les CSS et scripts
Combine.php
Éviter les iframes
Recharger certaines parties de la page en AJAX
Utiliser des images sprites