Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Importance du chargement des pages

785 Aufrufe

Veröffentlicht am

Veröffentlicht in: Bildung
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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 !

×