javascript - js文件加载慢,html页面展现了但是不能操作该怎么解决
本文介绍了javascript - js文件加载慢,html页面展现了但是不能操作该怎么解决的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
我这个登录页面,由于使用了一个cdn的js,但是加载很慢,碰巧出现了这个问题,不知道怎么解决?
我可以换一个快的cdn,或者直接从我的服务器加载js文件,但是这个问题,我想知道如何解决?
页面都加载完了, 这会儿用户点击"登录"没有反应,原因是js文件没下载完毕,稍微等2s就可以了,看浏览器下方的加载进度就可以知道,我的js的位置是在页面的最下方</body>上方
解决方案
一,如果是 js 文件过大导致加载需要 2s 的话可以通过以下方法优化一下:
使用 uglify 和 minify 之后的 js 文件
开启 gzip 压缩
去除 js 文件中与页面无关的内容,保持精简
二,如果是网络问题导致的话,可以通过以下方式:
减少 js 请求数量,合并文件
像你说的使用更快更稳定的 cdn
如果是 pc 页面的话可以使用域名收敛,减少 dns 解析时间
配置 etags,cache-control 等,合理利用缓存
三,如果你只要能够在页面加载出来的时候可以使用,可以把 script
放在 head
里面,同时在 onload
事件执行之后运行 js
文件,这样可能会有一段白屏时间,但是页面出来之后保证 js
文件已经加载完毕,当然这个不推荐使用,用户体验很不好
这篇关于javascript - js文件加载慢,html页面展现了但是不能操作该怎么解决的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文