Je voudrais obtenir quelques conseils de nos utilisateurs SO sur la fourniture de fichiers statiques sur un site Web — comme JavaScript, CSS, images et fichiers Flash — plus rapide. Des conseils utiles?Conseils pour servir les fichiers statiques plus rapidement, comme JavaScripts, CSS et images
Le meilleur conseil que je peux vous donner est: acheter Steve Sounder's book High Performance Web Sites qui est plein de conseils faciles à suivre. Sur le compte des images statiques: utilisez un réseau de diffusion de contenu (CDN), ce qui signifie: placez simplement votre contenu statique sur un autre serveur, sur un autre (sous-) domaine et vous obtiendrez les meilleures performances pour du contenu statique. Les avantages sont les suivants: pas de transmission de cookies (cela représente beaucoup de frais généraux!), Pas de frais supplémentaires HTTP, de bons délais, de bonnes performances lors de l'utilisation de CDN externes et votre propre serveur reçoit beaucoup moins de trafic. Il existe de nombreux fournisseurs commerciaux (comme Amazon S3), mais aussi des fournisseurs de CDN gratuits.
Certains moins importants mais toujours précieux conseils:
Note: StackOverflow est un site bel exemple qui suit tous ces conseils et télécharger YSlow pour tester votre propre site web.
comment combiner vos fichiers JavaScripts et CSS en un? Tout bon article pour commencer? –
@Pandiya: cela dépend fortement de la façon dont vous les servez. C'est à dire.Si elles sont générées dynamiquement, vous devez modifier votre génération dynamique. En général, la combinaison de fichiers JavaScript ou de CSS n'est rien de plus qu'un simple collage de ceux-ci en un seul (assurez-vous de conserver l'ordre de chargement). – Abel
@Pandiya: J'ai mis à jour le post avec un lien vers un autre article sur ce même sujet. – Abel
Utilisez un réseau de diffusion de contenu - CDN - pour le contenu statique.
Vous pouvez également créer un sous-domaine, par exemple gfx.votresite.com, pour héberger tout votre contenu statique. Désactivez les cookies et optimisez les performances du site avec une mise en cache agressive.
Vous pouvez également rechercher dans les sprites CSS, ils peuvent améliorer les performances aussi bien pour les graphiques courants. Pour réduire le nombre de ressources externes dans une page, vous pouvez également intégrer de petites images directement dans vos fichiers CSS en utilisant l'encodage base 64. Cela permettra de réduire le nombre de recherches DNS et d'améliorer les performances. Cependant, cela ajoute un peu de complexité et la maintenance devient rapidement un cauchemar. Ceci est un outil astucieux pour vous aider, mais faites attention. :)
Je pensais que le schéma de données n'était pas encore supporté par IE, ce qui exclut la majorité des utilisateurs ... :( – Abel
Consultez les suggestions de Yahoo au http://developer.yahoo.com/yslow/ et http://developer.yahoo.com/performance/rules.html. Quelques points généraux:
Ceci devrait être un wiki de communauté, même si c'est un peu trop général même si je pense ... –
@Nick cha nged to community wiki .. –