为了账号安全,请及时绑定邮箱和手机立即绑定

vue项目首次加载慢,会出现短暂白屏的情况

vue项目首次加载慢,会出现短暂白屏的情况

拉莫斯之舞 2019-02-15 13:15:06
请问有什么比较好的方法解决这种加载慢的问题
查看完整描述

1 回答

?
明月笑刀无情

TA贡献1828条经验 获得超4个赞

hardcode 一些基础样式在主文档里面。 比如loading动画或者基础背景色。

在bundle.js请求没有回来之前,有较好的等待效果,而这段样式无需异步加载。


加载慢原因:

1、bundle太大,没有压缩混淆。

2、bundle没有使用异步模块加载。

3、bundle没有拆分css样式或者base64了图片。


以上都可以对症下药。


我上述提到的内置加载样式是指。


<html>

    <style>

        

        body {

            background-color: #EEE;

        }

    

        .loading {

            // .... loading动画样式

            background-image: url("./loading.gif");

        }

    </style>

    <body>

        <div class="loading"></div>

    </body>

</html>

这样页面请求回来的时候 就已经有一个加载动画,在缓解加载等待体验。 而不是单纯的白屏。


查看完整回答
反对 回复 2019-02-19
  • 1 回答
  • 0 关注
  • 5968 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号