前端性能优化之图片懒加载

一、什么是图片懒加载？

当访问一个网页的时候，优先显示可视区域内的图片而不是一次性加载所有的图片，但需要显示时再发送图片请求，避免网页打开时加载过多的资源。这样可以有利于前端性能优化，减轻服务器压力以及提升用户体验。

二、使用场景

当一个页面需要一次性载入很多图片时，就需要使用的图片的懒加载

三、vue中使用vue-lazyload实现图片懒加载

1.安装插件
使用npm:

npm install vue-lazyload --save

使用csdn:

<script src="https://unpkg.com/vue-lazyload/vue-lazyload.js"></script>
<script>