首页背景图加载的性能优化

在项目中被提了这么一个性能相关的bug

我立马赶紧回头自己去复现，果然代码在网速不是很快的情况下，会出现背景图一节一节加载的情况

查阅了很多资料后，终于给我找到解决的思路：

1.压缩背景图到一个很小的体积，作为预展示。

查了很多网上的压缩，都要钱。后面灵机一动，用鹅厂的压缩他不香嘛，微信不发送原图就是压缩版的， 我就用了自己的文件传输小助手对背景图进行压缩。

2.再将完整清晰的背景图加载好后叠加在预览图上。

.ant-layout {
  height: 100vh;
  max-height: 100vh;
  // 图片层叠顺序从上至下是从左向右读取的，预览图要往后放
  background-image:  url(~@/assets/首页_背景.png),url(~@/assets/背景图压缩版.jpg);
  background-size: 100% 100%;
}

这样，一个大体积背景图加载优化就做好了，刷一下图片就出来了。