我知道网页可以拥有的样式表的数量是有限制的，但是附加的 javascript 文件呢？

Posted 2023-02-21

【中文标题】我知道网页可以拥有的样式表的数量是有限制的，但是附加的 javascript 文件呢？

【英文标题】：i know there's a limit to the number of style sheets a webpage can have, but what about attached javascript files?

【发布时间】：2011-05-08 17:20:16

【问题描述】：

IE 有 31 个样式表的限制（有一些解决方法），但是我可以包含多少个 javascript 文件有限制吗？如果我超过它，会发生什么？

我现在有一个包含 40 多个 js 文件的页面。

【问题讨论】：

有什么原因不能合并和缩小js文件吗？

问：如果我超过它，会发生什么？答：没有人知道，因为尝试过的人都死了。

我很想知道您需要包含 40 个单独的 .js 文件。

@zzzzBov：这无关紧要。有些人只是喜欢知道这些限制。优化为单个文件（恕我直言）是您在将网站发布到生产环境时执行的一个步骤。在开发/调试期间，我们需要单独的文件，因为它使生活更容易。

@dmackerman：40 不算什么。如果您尝试以模块化方式处理 Web 应用程序并为 RichTextArea 或 TreeView 等内容制作组件，那么为每个组件分配一个单独的文件是很自然的。获得 40 个文件不仅仅是在同一页面上放置许多组件的问题。

【参考方案1】：

我自己尝试过，现在可以说，您可以使用以下浏览器通过带有src-attribue 的script 标记安全地在您的html 中导入和执行至少200 个JavaScript 文件：

Win XP IE6, Win XP IE7, Win XP IE8, Windows 7 IE9, Mac OS X Lion Chrome 21， Mac OS X Lion Firefox 15， Mac OS X Lion Opera 12， Mac OS X Lion Safari 6。

【参考方案2】：

恕我直言，我认为您问错了问题。正确的问题是：“我有 40 多个 JS 包含文件……我该如何解决？”

Check out Google's article on reducing http round-trips，以及这样做的好处。 Combine、minify 并尽可能提供您的文件via gzip。

页面不工作是一个问题，也是一个有效的问题......但为什么不回避它并在您使用它之前通过组合和缩小这些文件来大大改善用户的加载时间，然后再接近有什么限制吗？对于移动用户来说，往返特别痛苦，但没有理由不为您的所有用户提供更优化的加载体验。

【讨论】：

我的想法完全正确！有一些很棒的工具可以将您的 css 文件和 javascript 文件分别合并到一个文件中。梳子就是一个很好的例子

听这个人的。拥有一个巨大的 js 文件比拥有 40 多个小文件要好。阻塞页面的是http请求。还有 40 - 哇哦。

另外，我不想知道您为什么需要找出绕过 31 个样式表限制的方法。编辑 - 啊，这是一个原因：kenneth.kufluk.com/blog/2010/09/…

当谈到javascript时，请听懂他在说什么的人，不要试图和他争论。他的第一句话大约有 30 个优点。

当然，将所有这些文件缩减为几个最小化文件是理想的，但我正在开发一个与另一个 cms 混合的 drupal 站点，所以我有 js 和css出来的wazoo。客户不会为完成减少工作而付费，此时一切或多或少都有效。但是我们遇到了css样式表超出限制的问题，我想知道是否有人曾经用js达到过这样的限制。感谢您对移动用户的关注等等，但缩小将不得不放在次要位置。