Importance du tempsde chargement de vos pages
Pour votre référencementPour 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...
Outils automatiques             de mesure et d’amélioration :Page SpeedGTmetrix
Google WebmastertoolsL’association de ces trois outils
Les facteurs pouvant ralentir                               le temps de chargement :Les redirections lentesRedirections mu...
Quelques solutions «manuelles»               pour réduire le temps de chargement :-   Plus le nombre de requêtes http est ...
-   Limitez au maximum la publicité sur votre site.-   Modifier la taille directement dans Photoshop permet d’obtenir des ...
- 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 !
Prochain SlideShare
Chargement dans…5
×

Importance du chargement des pages

642 vues

Publié le

Publié dans : Formation
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
642
Sur SlideShare
0
Issues des intégrations
0
Intégrations
78
Actions
Partages
0
Téléchargements
2
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Importance du chargement des pages

  1. 1. Importance du tempsde chargement de vos pages
  2. 2. Pour votre référencementPour votre trafic
  3. 3. Ce que permet un bon temps de chargement
  4. 4. Comment mesurer le temps de chargement de vos pages ?
  5. 5. <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 + ‘ seconde(s).’; } }</script>Et dans l’évènement onload du body, il reste à ajouter l’appel de la fonction :<body onload=»TpsChargement()»>
  6. 6. Outils automatiques de mesure et d’amélioration :Page SpeedGTmetrix
  7. 7. Google WebmastertoolsL’association de ces trois outils
  8. 8. Les facteurs pouvant ralentir le temps de chargement :Les redirections lentesRedirections multiplesRedirection 301Pages interstitiellesServeur lentTaille importante des pages
  9. 9. 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...).
  10. 10. - 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.
  11. 11. - Inclure ses feuilles de style au début.
  12. 12. - Créez vos pages Web en cache- Incluez vos scripts à la fin- Utilisez un Content Deliver Network ( CDN)
  13. 13. - Hébergez en local- Evitez les widgets
  14. 14. - Utilisez des accélérateurs
  15. 15. Merci pour votre attention !

×