小程序别直接放5M原图，这四个图片优化点做完，4G网下也能秒开页面

新手做小程序，直接把手机拍的5M原图往页面上放，结果用户在4G网下，页面加载要十几秒，一半用户还没等图片加载完就直接退出了。小程序图片加载优化特别简单，几个点做完，秒开。第一，所有用户上传的图片，前端先压缩到100k以内，再上传，别传原图，手机拍的原图都是3M以上，移动网络下根本加载不动；第二，列表页的封面图，统一裁成固定尺寸的小图，别让前端加载全尺寸的大图，列表页十张图，每张1M，加载起来要十几秒，小图每张100k，一秒就加载完；第三，图片用CDN的裁剪参数，请求CDN的时候直接带裁剪尺寸，让CDN节点帮你压成小图，不用自己在本地提前处理；第四，首屏别放太多高清大图，首屏3张图足够，下面的内容滚动到了再加载，不然用户一进来就等半天。

我之前帮水果店做小程序，商品列表页全是5M的原图，打开要8秒，把图片压缩加CDN裁剪之后，打开速度直接到1秒，用户停留时间涨了两倍。很多新手做小程序，只测功能通不通，不管图片大小，等上线之后用户反馈慢，才想起优化。真的，小程序的用户大多是用移动网络访问，图片不压缩，再快的服务器也救不了加载速度，这几个点做完，体验立刻就上来。