2. 服务器端开启gzip压缩
3. 如果你是3个单独的JS,那么你可以合成1个文件,减少请求次数
4. 将你的<script>标签写在页面底部<body>标签结束之前
5. 检查你的js中是否存在特别耗时的逻辑,因为脚本加载时阻塞式的,它会加载完并执行完之后,才会加载其它资源,因此慢并不一定是文件大,也可能是文件执行花了很长时间
6. 如果还是觉得很慢,你可以使用动态加载,不要直接在页面中写<script>标签,而是动态创建一个<script>将该脚本引进来,这样的加载方式是非阻塞式的,不会影响其它资源加载。
7. 上面方法全用了,还是觉得很慢,那你应该检查你的服务器和网络情况,因为按理来说100多kb的脚本不至于慢到不可接受的地步。
8. 将页面中的资源分散到多个一级或二级域名,因为浏览器对同一个域名同时加载的资源数量是有限制的
9. 如果你还是觉得很慢,那就玩些高级玩意儿吧(如使用CDN加速等)
10. 上面方法都试过,还是不奏效?那我也没辙了,除非能现场分析。
(摘抄自 前端大学 微信号)页面被浏览器解析是自上而下,
而js 的加载、解析和执行会阻塞页面的渲染过程,
如果此时js中使用了某些DOM操作,还要等待页面DOM加载完毕,是浪费时间也无意义的,
因此我们希望 js 脚本能够尽可能的延迟加载,提高页面的渲染速度。
我了解到的几种方式是:
相关资料:
《JS 延迟加载的几种方式》
《HTML 5 <script>async 属性》