商城类的app图片很多,各种活动专场,请问如何回收图片,防止内存溢出,闪退

分类：HTML5+

内存溢出闪退列表复用图片回收

类似这样的布局,图很多,
iPhone6 plus 经常因为内存溢出,闪退!!烦死

请问有没有像android一样的图片回收机制,如何设置,降低内存
android图片列表item还能复用;

像这样的活动专场导航,图片列表,如何优化?
闪退闪得想用原生写了,,,,,泪奔~~

2017-04-12 15:57 1 条评论负责人:无分享

10 个回复

badfl - mui详细文档:http://ask.dcloud.net.cn/article/1039

1.可以使用图片懒加载
2.数据分页一次少加载点图片
3.优化图片使用小图片
4.延迟加载图片
5.等其他大神解答

黑色火焰 - 个人博客：http://blog.luotiankeji.com

iphone6 plus都闪退那就有点厉害了，一个图片多大？一个页面显示多少张图片？

wenju (作者) - https://www.mescroll.com -- 精致的下拉刷新和上拉加载组件

不是懒加载,延时加载的问题,导航的界面很多,商品和活动图片很多,比如全球购,奶粉纸尿裤,商品很多的
用户即使慢慢浏览,到处点点,图片总该是要展示的,慢慢刷好一两百张总该有,
这么多图片没有回收机制内存肯定溢出闪退了

我想问问这样商城类的app如何像原生一样有回收机制,减低内存,防止内存溢出

我在iphone上使用唯品会、京东的流应用，图片也非常多，也没闪退啊。可以看下他们的wap站源码，如何处理图片回收的。
也比较下图片的体积。

badfl - mui详细文档:http://ask.dcloud.net.cn/article/1039

我猜你的原因是因为图片没有优化直接就引用了，比如图片正常只需要200200的72分辨率的，你引用的40004000大小的图片，图片的体积是4-10M,正常几十KB就够了，明显就会有问题，引用几十张张估计就崩溃了。

wenju (作者) - https://www.mescroll.com -- 精致的下拉刷新和上拉加载组件

商品图是300px*300px 50k左右; 轮播图800px 100k到200k左右;
只是图片很多;
后台有显示传图的尺寸,不会超过800px或者300k一张的

把js自动轮播图片停掉试试，那个也挺费资源。

服务器做处理，上传图片的时候把图片做成 100 200 500 4种尺寸
图片命名使用数字+尺寸+后缀
如数据库使用如数字+AAA这样 AAA可以是任意占位符，得到img地址后，把replace('aaa','100X100')等

列表使用100X100
购物车使用200X200
商品详细页使用500X500

badfl - mui详细文档:http://ask.dcloud.net.cn/article/1039

下面的tab导航是不是把所有的页面都加载出来了？

wenju (作者)

用户点了才去加载; 我的意思如果用户把所有的导航,所有菜单都点了,列表也刷,图片会非常多,应该如何优化内存

2017-04-14 10:42
badfl

正常想法应该是把不用的dom清除掉。

2017-04-14 10:54

云钦 - 学习中

值得借鉴学习，可以把不稳定版本发来，大家一起研究琢磨，肯定能找到好方法的。

该问题目前已经被锁定, 无法添加新回复