网站中有三个js文件大小超过100KB,超级影响加载速度,想问怎样优化?

JavaScript011

网站中有三个js文件大小超过100KB,超级影响加载速度,想问怎样优化?,第1张

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

2. 服务器端开启gzip压缩

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

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

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

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

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

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

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

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

我咋觉得你引入了好多次jquery,你确定不会冲突吗?jquery.orbit.min.js、jquery.scrollToTop.min.js、198zone.js这几个估计就是你说的效果,你把jquery放在最上面引入一次,然后你的三个效果的js放在后面,如果有依赖的关系,记得引入的顺序,把作为依赖的js放在前面

<script language="javascript" src="/ajaxlab/dwr/interface/JDate.js"></script>

<script language="javascript" src='/ajaxlab/dwr/engine.js'></script>

<script language="javascript" src='/ajaxlab/dwr/util.js'></script>

这三个js文件应是你下载的dwr那个文件夹里有的