Post on 02-Jul-2015
Importance du temps
de chargement de vos pages
Pour votre référencement
Pour votre trafic
Ce que permet un bon temps de chargement
Comment mesurer le temps de chargement de vos pages ?
<script language=»javascript»>NavName = navigator.appName.substring(0,3);NavVersion = navigator.appVersion.substring(0,1);
if (NavName != «Mic» || NavVersion>=4){entree = new Date;entree = entree.getTime();}
function TpsChargement(){if (NavName != «Mic» || NavVersion >= 4){
fin = new Date;fin = fin.getTime();secondes = (fin-entree)/1000;window.status=’Page chargée en ‘ + secondes + ‘ sec onde(s).’;}
}</script>
Et dans l’évènement onload du body, il reste à ajouter l’appel de la fonction :
<body onload=»TpsChargement()»>
Outils automatiques de mesure et d’amélioration :
Page Speed
GTmetrix
Google Webmastertools
L’association de ces trois outils
Les facteurs pouvant ralentir le temps de chargement :
Les redirections lentes
Redirections multiples
Redirection 301
Pages interstitielles
Serveur lent
Taille importante des pages
Quelques solutions «manuelles» pour réduire le temps de chargement :
- Plus le nombre de requêtes http est important, plus la page sera longue à télécharger.
- Compresser vos pages HTML pour économiser de précieux Ko, est très utile.
- Utilisez le css plutôt qu’une image autant que possible ( bordure, ombre...).
- Limitez au maximum la publicité sur votre site.
- Modifier la taille directement dans Photoshop permet d’obtenir des images plus légère au bon format, plutôt que d’utiliser l’HTML pour modifier la taille.
- Inclure ses feuilles de style au début.
- Créez vos pages Web en cache
- Incluez vos scripts à la fin
- Utilisez un Content Deliver Network ( CDN)
- Hébergez en local
- Evitez les widgets
- Utilisez des accélérateurs
Merci pour votre attention !