动态包含 CSS/JS 文件的缺点？答案

【问题标题】：Disadvantages of dynamically including CSS/JS files?动态包含 CSS/JS 文件的缺点？
【发布时间】：2011-04-14 00:44:26
【问题描述】：

动态包含网站的 CSS 和 JS 文件有哪些具体缺点（如果有）？

动态，我的意思是，使用 document.write() 方法生成和标记。

我想在一个非常大的、高流量的网站上使用这种技术，因为它可以让我轻松管理为哪些站点部分下载哪些文件，并打开仅压缩文件的压缩模式已下载。

想法？

【问题讨论】：

标签： javascript css performance include

【解决方案1】：

可靠性。人们可能有 JS 禁用等。
调试。某些浏览器 (IE) 不支持给你包含文件的行错误的编号，但只是主文件中的document.write 行。

【讨论】：

好点。虽然关于第 1 点，Javascript 的可靠性不会受到影响，只有 CSS。如果我们假设我们所有的用户都打开了 Javascript，我认为我们使用动态方法还是传统方法并不重要。

【解决方案2】：

优点是您可以更轻松地管理和组织代码，并且您可以仅在页面上加载那些绝对必要的脚本。

我能想到的缺点是，一些网站性能测量工具，如PageSpeed 和YSlow 会警告您页面引用的 CSS 和 JavaScript 文件的数量。现代 Web 开发实践通常鼓励您合并 CSS 文件和合并 JavaScript 文件，以减少呈现页面所需的文件总数并提高网络性能。一般来说，提供一个大而臃肿的文件比提供 10 个小型精简文件要好，因为从服务器请求文件会产生相关开销。

【讨论】：