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