大图加载优化处理
- 普通图片加载处理参考文章：前端性能优化-优化大量图片加载&超大图片加载(附懒加载实现方案)
- 图片懒加载（滚动）
- 使用字体图标、base64
- 前后图片预加载、缩略图
- loading过渡
- 优化大体积图片加载的几种方案
<link rel="preload" href="./img/all.jpg" as="image" />添加上后，浏览器会在渲染前先加载完图片，这样图片在显示时会整张地显示- 图片onload前用其他样式代替img在渲染完成后会触发onload事件，那么我们可以先设置图片为隐藏，放一个图片或者loading进行过渡，然后在图片触发onload事件之后，进行切换另外有些cdn也可以通过query参数获得模糊的图片，这样我们就可以实现模糊到清晰的渐进加载
- Vue项目优化（大图片懒加载、路由懒加载、组件懒加载）
- 使用 VueLazyLoad 加载器，进行图片懒加载：
<img v-lazy="item.path" />
- 使用 VueLazyLoad 加载器，进行图片懒加载：
