今天给大家介绍@Lazy懒加载注解用法，希望对大家能有所帮助！

优点：

懒加载，针对非首屏或者不再窗口可视范围的内容进行延迟加载，有利于页面首屏加载速度快、优化体验

实现方式

传统的H5是通过监听scroll 去判断是否在屏幕内进行处理，当然小程序也有对应的通过监听滚动条的方式处理，getSystemInfo获取设备的信息 onPageScroll监听页面滚动，当然也可以通过组件<scroll-view scroll-y="true" bindscroll="scroll" ></scorll-view>的bindscroll监听

应用场景

在使用变量的过程中：

图片懒加载指的是在浏览过程中随着需要才被加载出来，例如某宝上面浏览商品时，会伴随很多的图片，如果一次全部加载出来的话，显然资源有些浪费，并且加载速度也会相对降低，那么懒加载的实现很重要。即随着浏览翻阅时，下面的图片才被加载出来，这样又不浪费带宽，访问网页速度也很快，用户体验也会有所提升。

# 深入理解前端性能优化：图片懒加载实践

---

**引言：网页加载速度的重要性与图片资源的角色**

在当今用户体验至上的互联网时代，网页加载速度已成为衡量网站质量的重要标准之一。据统计，用户对网页加载时间的忍耐极限通常只有3秒，超过此阈值可能导致访问者流失。而在所有影响加载速度的因素中，图片资源占有极大比重。因此，深入理解和掌握图片懒加载技术对于前端性能优化至关重要。本文将带你深入了解图片懒加载的原理，并通过实例演示如何在实际项目中实现这一功能。