js文件比较多（js读取大文件）

RUEL1 • 2024-10-03 23:26 • 编程

本文目录一览：

1. 将你的JS文件进行压缩，百度一下，工具一把

2. 服务器端开启gzip压缩

3. 如果你是3个单独的JS，那么你可以合成1个文件，减少请求次数

4. 将你的script标签写在页面底部body标签结束之前

5. 检查你的js中是否存在特别耗时的逻辑，因为脚本加载时阻塞式的，它会加载完并执行完之后，才会加载其它资源，因此慢并不一定是文件大，也可能是文件执行花了很长时间

6. 如果还是觉得很慢，你可以使用动态加载，不要直接在页面中写script标签，而是动态创建一个script将该脚本引进来，这样的加载方式是非阻塞式的，不会影响其它资源加载。

7. 上面方法全用了，还是觉得很慢，那你应该检查你的服务器和网络情况，因为按理来说100多kb的脚本不至于慢到不可接受的地步。

8. 将页面中的资源分散到多个一级或二级域名，因为浏览器对同一个域名同时加载的资源数量是有限制的

9. 如果你还是觉得很慢，那就玩些高级玩意儿吧（如使用CDN加速等）

10. 上面方法都试过，还是不奏效？那我也没辙了，除非能现场分析。

兼容模式实际是兼容IE7的，360“极速”实际就是Chrome。

你的问题应该是“页面渲染慢”，是布局不合理，

1. 全部页面的css样式文件都合并成一段代码，压缩后放到style中，这个style页面只能存在一个并且必须在head中

2. 页面的所有 script不管是外部文件，还是内部嵌套，都放到 /body 之前。(body结束标签)

如果script标签的位置移动不了，就改js，务必要放到页面的最后。

比如script中有document.write();可以预先在指定位置放一个隐藏的div，

然后通过页面底部的js，innerHTML到div中。

3. 最好把小的零碎的js代码都合并到一个文件中。但是单个js文件也不要太大，一般不超过25k。

这几点做到了，你页面的首屏速度能在1秒左右。（1秒已经很快了，没几个能达到1秒的）。

具体为什么就不在这里解释了。

有一定影响的，加载速度会慢。js过多既延长了用户的等待时间，又大量消耗cpu。而且放在页面的前面的话，会影响页面渲染造成用户体验很差，用户会感觉东西迟迟没有出来。最好压缩一下js或者把多个 js 文件合成一个，尽量减少客户端与服务器的交互。

这也是要看情况的。JS也是分大小的，大的上百行，小的仅有几行而已。如果没有触发效果的话，一般不会卡。但是如果执行函数时有大量的计算（比如生成巨大的爆炸，或极多的图形计算），那就难说了。当然，简单的JS（比如点击草地获得金锭）运行起来还是很轻松的。

另外JS之间也有可能发生冲突，并不是JS越多越好的。

原创文章，作者：RUEL1，如若转载，请注明出处：https://www.506064.com/n/129480.html