可以看到在通过本地运行访问的情况下（本地访问较快），在进入页面后 221ms 页面先展示骨架屏，随后在 738ms 时完成页面的渲染。
这里如果不加骨架屏的话就是 738ms 的白屏时间，我们已经通过骨架屏优化了一些白屏时间:surfer:。
最后
vue-skeleton-webpack-plugin 是较为初级的骨架屏方案，相信大家也可以马上想到许多缺点。
比如：
需要手动去写骨架屏的样式。
骨架屏样式在不同尺寸下的响应式问题。
在界面改动之后也需要手动修改对应的骨架屏。
由于在本人的项目中使用到了 postcss-px2rem 自动 px 转 rem，所以避开了一些缺点。
其他方法
此外还有许多使用骨架屏的方法：
page-skeleton-webpack-plugin 饿了么开源的自动生成骨架屏生成插件。
用 base64 的图片做骨架屏，就让 UI 在出设计稿的时候顺便把骨架屏也给画了😂。
参考：
https://www.jb51.net/article/166912.htm
