开发者社区> 问答> 正文

js文件加载慢,html页面展现了但是不能操作该怎么解决

我这个登录页面,由于使用了一个cdn的js,但是加载很慢,碰巧出现了这个问题,不知道怎么解决?

我可以换一个快的cdn,或者直接从我的服务器加载js文件,但是这个问题,我想知道如何解决?

页面都加载完了, 这会儿用户点击"登录"没有反应,原因是js文件没下载完毕,稍微等2s就可以了,看浏览器下方的加载进度就可以知道,我的js的位置是在页面的最下方

展开
收起
小旋风柴进 2016-05-31 12:59:26 2920 0
1 条回答
写回答
取消 提交回答
  • 一,如果是 js 文件过大导致加载需要 2s 的话可以通过以下方法优化一下:

    使用 uglify 和 minify之后的 js 文件
    开启 gzip 压缩
    去除 js 文件中与页面无关的内容,保持精简
    二,如果是网络问题导致的话,可以通过以下方式:

    减少 js 请求数量,合并文件
    像你说的使用更快更稳定的 cdn
    如果是 pc 页面的话可以使用域名收敛,减少 dns 解析时间
    配置 etags,cache-control 等,合理利用缓存
    三,如果你只要能够在页面加载出来的时候可以使用,可以把 script 放在 head 里面,同时在 onload 事件执行之后运行 js文件,这样可能会有一段白屏时间,但是页面出来之后保证 js 文件已经加载完毕,当然这个不推荐使用,用户体验很不好

    2019-07-17 19:21:48
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
JavaScript函数 立即下载
天猫HTML5互动技术实践 立即下载