首屏渲染样式加载方案
问题场景：最近开发Vue的项目，发现网络太差，导致页面首屏空白接近3秒，想优化下首屏渲染问题。
优化方案：
①减小代码体积
②页面预渲染
③cdn加速
④首屏样式提示
方案①②③缩短了首屏渲染时间，可还行，但空白时间仍然存在，所以需要方案④帮衬下
目前我想到的方案④是在vue项目中index.html文件中的head标签中加入一段样式，在项目的main.js中删除该段样式。
该方式测试可行，但觉得有点糙，希望达到的效果是省掉删除操作，样式仅在首屏渲染时间或页面内容为空时起效
尝试多次碰上问题，如何让CSS选择器选中 后代为空或内容为空的元素 呢？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
比较普适的是用骨架屏来解决这个问题，也很容易找到现成的解决方案进行参考
Vue页面骨架屏注入实践