Blog

Réduire le temps de chargement des pages d’un site web


La vitesse de chargement d’une page internet est un critère pris en compte par Google dans le référencement naturel des sites web. Pour augmenter cet indicateur, il suffit de réduire la taille de vos pages.

Comment mesurer le temps de chargement d’une page web ?

Plusieurs outils nous proposent des fonctionnalités pour mesurer le temps de chargement d’une page web. Parmi eux :

GTmetrix :

GT metrix est outil qui mesure le temps de chargement d’une page web et qui donne des informations qui peuvent vous aider à bien optimiser le temps de chargement des vos pages.

Vous pouvez retrouver cet outil à l’adresse suivante : http://gtmetrix.com/

Webmastertools :

Dans la section performances du site de la catégorie « Labos », Google Webmaster Tools propose un graphique qui représente l’évolution du temps de chargement des pages d’un site ainsi qu’un nouvel outil « Google Page Speed  » qui permet de bien auditer le chargement des pages web.

Extensions Firefox

Firefox propose plusieurs extensions qui permettent d’auditer la vitesse de chargement et le poids des pages web.

Google Analytics

Analyser le temps de chargement de son site Internet est désormais chose facile avec Google Analytics grâce à la section « Vitesse du site » .

Pour que les rapports « Vitesse du site » fonctionnent, il faut modifier le code de suivi de votre site en insérant une méthode « _trackPageLoadTime(); » juste après la méthode « _trackpageview(); ».

Dans le rapport « Vitesse du site » de Google Analytics, on peut trouver différentes informations précieuses :

  • Le temps de chargement moyen de la page (en l’occurrence du site)
  • Le nombre de pages vues
  • Le taux de rebond
  • Le pourcentage de sortie moyen des pages du site

Pour plus d’infos sur cette fonctionnalité de Google Analytics :

http://support.google.com/analytics/bin/answer.py?hl=fr&utm_content=sitespeed&topic=1120718&utm_medium=blog&utm_campaign=newga-blog&utm_source=gablog&answer=1205784

Comment optimiser le temps de chargement d’une page web ?

Pour optimiser la vitesse de chargement d’une page web :

Optimiser les images du site

  • Réduire la taille des images
  • Spécifiez la taille des images
  • Créez un sous-domaine pour les images si possible

Optimiser les feuilles de styles CSS

  • Assembler tous les styles CSS dans un seul fichier externe
  • Utiliser l’attribut Link plutôt que @import
  • Eviter au maximum les sauts de ligne dans la feuille de style
  • Utiliser les couleurs simplifiées standard à 3 caractères
  • Supprimer toutes les classes et tous les ID non utilisés
  • compresser les fichiers css via des outils de copression tels que http://www.cssdrive.com/index.php/main/csscompressor

Optimiser la gestion de cache

Installer un système de gestion de cache côté serveur et côté client.

Optimiser le JS

Regrouper les scripts JavaScript ensemble dans un fichier JS externe (mais pas dans plusieurs !)

Compression des données texte en GZip ou Deflate

Compresser vos fichiers texte (HTML, PHP, TXT, XML, JS et CSS) au format Zip ou Deflate selon la version de votre serveur apache.

– Pour Apache 2.0+ :

<IfModule mod_deflate.c>

<FilesMatch ".(html|php|txt|xml|js|css)$">

SetOutputFilter DEFLATE

</FilesMatch>

</IfModule>

– Pour Apache utilisant Deflate :

AddOutputFilterByType DEFLATE text/html text/xml application/xhtml+xml text/plain application/javascript text/css

23 septembre 2012
Commentaires
  1. Webmarketing Tunisie said on 13 décembre 2012 15 h 15 min:

    Salut,

    Je trouves que GTmetrix est excellent. Il fourni beaucoup d’informations sur la manière dont on peut optimiser le temps de chargement des pages.