正在动态加载CSS和Javascript黑客或良好操作？

Question

我不想开始火焰战争，但我很好奇人们的想法。

我可以动态加载想到的好处：

• 加载文件，你需要他们。更快的 加载时间
• 您可以创建挂钩到你的页面只链接到 的小部件和窗口小部件加载所有 它的文件

一些（可能的）底片部件：

• 加载在它后面的东西 加载（我只是害怕做 那个？:-P）
• 确保代码被评估。
• Javascript正在关闭。

让我知道您的想法！

谢谢！ 马特

Answer 1

难道真的占用那带宽多吗？我认为我开发的任何Web应用程序的最小部分是JavaScript/CSS。此外，无论如何，浏览器缓存它，它只是真正重要的第一击。打败这样一个小问题增加复杂性毫无意义。

编辑

从我的评论建立在，有没有解决的你应该如何开发使用JavaScript一些真正的好文章。总体思路是以分层的方式开发你的应用程序。 Javascript只是位于顶部，但它不是您网站运行的基础。在JavaScript禁用的情况下，一切应该正常工作总是像用户没有启用Javascript一样进行开发（某些用户纯粹出于性能原因禁用它）。这是很好的做法。

Answer 2

我通常会将我所有的CSS压缩到一个文件中，并将我所需的所有JavaScript用于另一个页面（使用YUICompressor）。然后，我将这两个文件静态加载到HTML文档中。它会尽早向用户显示内容（即使它们在等待时可能不会获得很好的加载指示符），并且会使用较少的服务器资源。

如果我有用户交互后需要的JavaScript /其他内容，我会动态加载它。我没有真正与许多受益于动态加载的项目合作，但这里是我为我的JavaScript库所做的一个项目："Blixt's JavaScript Realm"（但它有这么多动态加载的原因是因为该项目的整个目的是使它成为JavaScript尽可能...）

Answer 3

在非常大的热门网站上，您希望尽量减少http请求的总数，即使是小的。亚马逊和Ebay竭尽全力做到这一点，甚至使用称为css图像精灵的技术将所有他们的头版图像加载为一个巨大的gif或jpeg，然后使用CSS将它们分开，以节省每个HTTP GET请求的开销，避免每个请求可以保存为几百字节。