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

首屏渲染样式加载方案

首屏渲染样式加载方案

翻翻过去那场雪 2019-03-02 12:30:27
问题场景:最近开发Vue的项目,发现网络太差,导致页面首屏空白接近3秒,想优化下首屏渲染问题。优化方案:①减小代码体积②页面预渲染③cdn加速④首屏样式提示方案①②③缩短了首屏渲染时间,可还行,但空白时间仍然存在,所以需要方案④帮衬下目前我想到的方案④是在vue项目中index.html文件中的head标签中加入一段样式,在项目的main.js中删除该段样式。该方式测试可行,但觉得有点糙,希望达到的效果是省掉删除操作,样式仅在首屏渲染时间或页面内容为空时起效尝试多次碰上问题,如何让CSS选择器选中 后代为空或内容为空的元素 呢?
查看完整描述

2 回答

?
暮色呼如

TA贡献1853条经验 获得超9个赞

比较普适的是用骨架屏来解决这个问题,也很容易找到现成的解决方案进行参考

查看完整回答
反对 回复 2019-03-02
?
慕神8447489

TA贡献1780条经验 获得超1个赞

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

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信