本文介绍了一个关于图片延时加载的教程，针对Ionic应用中的性能优化。在长列表页，大量图片可能导致应用卡顿，延时加载可以在图片进入可视区域时才开始加载，提高页面绘制速度。教程详细讲解了如何绑定滚动事件、实现按条件加载图片，并提供了一个简单的示例。
周五的时候有个朋友让我写一个关于图片延时加载的教程，
直到今天才有空编辑，这阶段真的是很忙，公众号都变成僵尸号了。
实在是对不起大家。
有人喜欢我的教程，可能我总习惯了用比较简单容易理解的方式去描述这些东西。
别的就不多说了，大家遇到什么问题。
可以直接联系我，不是一句话两句话能讲清楚的问题，我都会抽空写一个教程的。
现在还欠着一个问题没回复：按需加载所有的文件。之前教程里面只写了按需加载controller文件。
这个现在有一个方案，我们公司自己的产品正在使用，正在开发中。效果和性能要等个一两周的测试之后才能知道。
要是方案测试通过了，我就把方案分享给大家。
接着进入今天的主题。
图片延时加载，为什么要延时加载图片呢？
大家都都知道在较长的列表页绘制时会使得应用程序变得卡顿。不仅在界面之内的图片需要绘制，在页面之外的图片也要绘制，如果一次请求的图片数量较少，看不出有什么性能问题，但是当图片较多且较大时，达到一定的量级，那么就会影响程序的性能了。使用延时加载图片，当你滚动到相应的子项时，该子项的图片才开始加载。这样子实现，当前可视区域的图片显示正常，而可视区域之外的图片却不加载，在一定程度上能够加快页面的绘制，对于ionic的应用长列表页应该算是一个比
订阅专栏 解锁全文
扫一扫
9581
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
