Est-ce que le chargement dynamique CSS et Javascript est hackish ou une bonne pratique?

Question

Je ne veux pas déclencher une guerre de flammes, mais je suis curieux de savoir ce que les gens pensent.

Les avantages que je peux penser pour charger dynamiquement:

• Charger des fichiers que vous avez besoin. Plus rapide temps de chargement
• Vous pouvez créer des widgets qui crochet dans votre page avec juste un lien vers le widget et les charges widget tous ses fichiers

Quelques négatifs (possibles):

• Chargement trucs dans la tête après charges (ai-je juste peur de faire que? :-P)
• S'assurer que le code est évalué.
• Javascript étant désactivé.

Faites-moi savoir ce que vous en pensez!

Merci! Matt

Answer 1

Est-ce que cela prend vraiment que beaucoup de bande passante? Je considère que la plus petite partie d'une application Web que j'ai développée est JavaScript/CSS. De plus, le navigateur le cache de toute façon, c'est seulement le premier hit qui compte vraiment. Il ne sert à rien d'ajouter de la complexité pour vaincre un si petit problème.

EDIT

construction sur de mon commentaire, il y a des articles vraiment bien autour de la façon dont vous devriez développer l'utilisation de JavaScript. L'idée générale est de développer votre application de manière stratifiée. Javascript se trouve juste sur le dessus, mais ce n'est pas fondamental pour le fonctionnement de votre site Web. Avec Javascript désactivé, tout devrait fonctionner correctement. Toujours développer comme si l'utilisateur n'avait pas activé Javascript (certains utilisateurs le désactivent uniquement pour des raisons de performances). C'est une bonne pratique.

Answer 2

Je compresse généralement tout mon CSS dans un fichier et tout mon JavaScript nécessaire pour utiliser la page dans un autre (en utilisant YUICompressor.) Ensuite, je charge ces deux fichiers statiquement dans le document HTML. Il affichera le contenu le plus tôt possible à vos utilisateurs (même s'ils n'obtiennent pas un bon indicateur de chargement en attendant), et il utilisera moins de ressources serveur.

Si j'ai du contenu JavaScript/autre qui sera nécessaire après l'interaction de l'utilisateur, je charge dynamiquement. Je n'ai pas vraiment travaillé avec de nombreux projets qui ont bénéficié du chargement dynamique, mais j'en ai fait un pour mes librairies JavaScript: "Blixt's JavaScript Realm" (mais la raison de ce chargement dynamique est que tout le but de ce projet était de le faire en JavaScript si possible ...)

Answer 3

Sur un très grand site populaire, vous voulez minimiser le nombre total de requêtes http, même les plus petites. Amazon et Ebay font de grands efforts pour ce faire et utilisent même des techniques appelées sprites image css pour charger toutes les images de la première page comme un gif ou jpeg géant et ensuite utiliser CSS pour les découper, tout pour économiser la surcharge de chaque requête HTTP GET, chaque requête évitée peut économiser quelques centaines d'octets.