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

时间:2017-05-11 20:14:24

标签: javascript jquery html css performance

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

3 个答案:

答案 0 :(得分:1)

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

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

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

您始终可以使用Googles PageSpeed查看您的网站以进行负载优化。

答案 1 :(得分:1)

您应始终合并并缩小CSS和JS文件。浏览器对您拥有的每个文件的单独请求较少。这是一个小小的打击,但如果你有很多文件,它会加起来。

https://developers.google.com/speed/docs/insights/MinifyResources https://blog.hubspot.com/marketing/reduce-http-requests

像Grunt和Gulp这样的任务跑步者可以帮助解决这个问题。您可以设置一个脚本来缩小和合并(连接)所有文件。

或者您的IDE甚至可能内置它,因此每次保存时都会编译一个新文件。

除非您有特别的理由将其放在页面上,否则请务必确保您的JS在关闭正文标记之前是正确的。

答案 2 :(得分:0)

首先是优化网站的最佳解决方案  1.减少要加载的文件数量,减少浏览器请求的数量,  2.使用服务器缓存,删除重复的MySql查询或连接  3.为bigs javascript文件使用浏览器缓存  4. Synchronous and asynchronous requests或Ajax / Jquery