Des idées pour améliorer la vitesse de chargement du site Web?
Existe-t-il des moyens d'améliorer la vitesse de chargement d'un site Web?
Je sais que Google accélère vraiment les vitesses de chargement et, avec la popularité des sites Web mobiles, il est maintenant impératif que les sites se chargent rapidement.
- Conseils de Yahoo pour améliorer la vitesse de rotation des pages
- Conseils de Google pour améliorer la vitesse de la page
- Si vous utilisez PHP, astuces de Google pour rendre PHP plus rapide
Voici une liste de base comprenant addon de Google Page Speed (voici Yahoo YSlow ):
- Tirer parti de la mise en cache du navigateur
- Spécifier les dimensions de l'image
- Évitez CSS @import
- Éviter les mauvaises demandes
- Combiner des images dans des sprites CSS
- Différer l'analyse de JavaScript
- Activer Keep-Alive
- Activer la compression
- CSS en ligne petit
- Inline Small JavaScript
- Rendre les redirections de pages de destination en mémoire cache
- Minify CSS
- Minify HTML
- Minify JavaScript
- Réduire les redirections
- Réduire la taille de la demande
- Optimiser les images
- Optimiser l'ordre des styles et des scripts
- Préférer 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écifier un validateur de cache
- Spécifier un jeu de caractères
- Reporter le chargement de JavaScript
- Supprimer les CSS non utilisées
- Utiliser des sélecteurs CSS efficaces
Je vous recommande vivement 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 vous indique clairement comment améliorer la vitesse de vos pages.
mettre à jour
Comme recommandé par Nick dans les commentaires, voici quelques ressources et informations utiles:
- Steve Souder's astuces et livre :
- références de Facebook lors de la première optimisation de leur site
mise à jour 2
Voici de bonnes statistiques qui montrent pourquoi la vitesse de la page est importante ( source )
Amazon: un délai de 100 ms a provoqué un baisse des revenus .
Google: un délai de 400 ms a provoqué une diminution de 0,59% du nombre de demandes de recherche par utilisateur .
Yahoo !: Un délai de 400 ms a provoqué un diminution du trafic de 5 à 9% .
Bing: un délai de 2 secondes a provoqué un baisse de 4,3% du revenu par utilisateur .
Mozilla a rendu leur page de téléchargement 2,2 secondes plus rapide et a été récompensé par une augmentation de 15,4% des téléchargements .
Google Maps a réduit le volume de fichiers de 30% et a observé un + 30% d'augmentation du nombre de demandes de carte .
Netflix, qui utilise Appdynamics pour surveiller leurs performances, a activé gzip sur le serveur; simplement grâce à cette action unique, les pages sont devenues 13-25% plus rapides et gain de 50% du volume de trafic !
Shopzilla a réussi à réduire le temps de chargement de 7 secondes à 2 secondes, grâce à quoi le taux de conversion a augmenté de 7-12% , ils ont observé une augmentation de 25% du nombre de demandes de pages, ils ont pu retirent 50% de leurs serveurs , économisant ainsi des coûts d'énergie.
AOL a observé le nombre de pages vues sur plusieurs sites Web . Alors que les utilisateurs les plus rapides demandaient 7 à 8 pages, les plus lents ne visionnaient que 3 à 4.
Edmunds est passé de plus de 10 secondes à moins de 2, ajoutant 17% de pages vues et augmentant les revenus de 3% .
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és comme améliorant les performances et la vitesse des sites Web et fournissant une sécurité accrue.