Des idées pour améliorer la vitesse de chargement d'un site Web?


22

Existe-t-il des moyens d'améliorer la vitesse de chargement d'un site Web?

Je sais que Google pousse vraiment les vitesses de chargement et avec la popularité des sites Web mobiles, il est désormais impératif que les sites se chargent rapidement.

Réponses:


23
  1. Conseils de Yahoo pour améliorer le nombre de pages
  2. Conseils de Google pour améliorer la vitesse des pages
  3. Si vous utilisez PHP, les conseils de Google pour accélérer PHP

Voici une liste de base composée de l'addon Page Speed de Google (voici Yahoo YSlow ):

  • Tirez parti de la mise en cache du navigateur
  • Spécifiez les dimensions de l'image
  • Évitez CSS @import
  • Évitez les mauvaises demandes
  • Combinez des images dans des sprites CSS
  • Différer l'analyse de JavaScript
  • Activer Keep-Alive
  • Activer la compression
  • Petit CSS en ligne
  • Inline Small JavaScript
  • Rendre les redirections de page de destination en mémoire cache
  • Réduire CSS
  • Réduire le HTML
  • Réduire JavaScript
  • Minimisez les redirections
  • Réduire la taille de la demande
  • Optimiser les images
  • Optimiser l'ordre des styles et des scripts
  • Préférez les ressources asynchrones
  • Mettez CSS dans la tête du document
  • Supprimer les chaînes de requête des ressources statiques
  • Servir des ressources à partir d'une URL cohérente
  • Servir des images à l'échelle
  • Spécifiez un en-tête Vary: Accept-Encoding
  • Spécifiez un validateur de cache
  • Spécifiez un jeu de caractères
  • Différer le chargement de JavaScript
  • Supprimer le CSS inutilisé
  • Utilisez des sélecteurs CSS efficaces

Je recommande fortement d'utiliser les modules complémentaires de vitesse de page de Google ou de Yahoo pour tester vos pages. C'est rapide et facile à faire et offre des conseils clairs sur la façon d'améliorer la vitesse de vos pages.

mise à jour

Comme recommandé par Nick dans les commentaires, voici d'autres bonnes ressources et informations:

mise à jour 2

Voici de bonnes statistiques qui montrent pourquoi la vitesse de la page est importante ( source )


2
+1 Il convient également de mentionner les conseils de Steve Souder ici: stevesouders.com/hpws/rules.php et son livre ici: stevesouders.com/blog/2009/04/23/even-faster-web-sites Ce sont les références incontournables de Facebook quand ils ont optimisé leur site pour la première fois: facebook.com/note.php?note_id=307069903919
Nick

J'ai l'impression que quelque chose dans mon en-tête fait avancer le site!
Rob

Je ne suis pas sûr que j'aime cette réponse car elle ne décrit pas vraiment comment créer un site Web rapide, seulement ce que vous pouvez bricoler pour l'obtenir plus rapidement. C'est un peu comme dire `` ajouter un spoiler sur une voiture '' - ce que n'importe qui peut faire - mais il faut comprendre les principes généraux de l'aérodynamique pour que cela ait du sens et donc pour être fait correctement.
ʍǝɥʇɐɯ

@Matthew, les modules complémentaires et pages Google et Yahoo expliquent pourquoi ces optimisations sont utiles. À la fois informatif et utile.
John Conde

Je viens d'avoir un score de 89/100 pour la vérification de la vitesse de Google, assez bien étant donné que je n'ai pas tenté d'optimisation de la vitesse.
Rob

1

Essayez CloudFlare http://www.cloudflare.com/plans

CloudFlare est un réseau de distribution de contenu et un service de serveur de noms de domaine distribué commercialisé comme améliorant les performances et la vitesse du site Web et assurant la sécurité.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.