是动态加载CSS和Javascript Hackish还是Good Practice？

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 -..h

Answer 3

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