javascript - 什么是更好的性能明智,1 个巨大的 js 和 css 文件或多个文件

标签 javascript jquery html css performance

<分区>


想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它.

关闭 6 年前

现在,我处理多个 css 和 js 文件,但我将它们组合在一个大文件中。我不确定这是否是正确的方法。例如我的 js 文件大约是 200kb(Foundation + jQuery)。这个文件只在正文的末尾加载,所以我不确定什么是最好的方法,我的意思是如果我把它们分开,文件大小也不会变小。

最佳答案

作为一般规则,您应该始终将每种类型的 CSS 和 JS 文件合并到一个文件中。

但是,如果您真的想尝试负载优化,您可以尝试利用浏览器一次可以同时进行的下载量。如果它一次可以执行 6 个,那么您将不会看到任何重大的性能影响,并且您甚至可以获得性能提升,因为最多可以有 6 个单独的文件以便它们可以并行下载。

不过,我个人不会指望同时下载。将它们结合起来是更好的经验法则。

您可以随时使用 Googles PageSpeed检查您的网站以进行负载优化。

关于javascript - 什么是更好的性能明智,1 个巨大的 js 和 css 文件或多个文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43924761/

上一篇:javascript - W3 Accordion - 默认打开/页面加载

下一篇:css - 在按钮中居中放置两行文本

相关文章:

javascript - 返回值时如何替换showModalDialog

jquery - 在 jQuery 中切换元素样式的最佳、最快的方法是什么?

html - CSS 悬停在 div 上不起作用

python - 使用 BeautifulSoup 直接从 HTML 中提取数据

jquery - 如何使用 jquery 获取子标签和父标签的 html 字符串?

javascript - 将事件对象传递给 firefox 中的触发函数

javascript - 意外字符 '@' 您可能需要适当的加载程序来处理此文件类型

javascript - Node.js : SocketIO vs http request performance

JQuery 切换内容

javascript - 选择 Div 行以一次突出显示它