超简单优化小程序加载速度！-CRMEB社区

超简单优化小程序加载速度！

管理

编辑

删除

本帖最后由 qq1394880808 于 2020-4-20 22:43 编辑

1.刚看了下小程序官方是有懒加载API接口，所以超简单随便搞下就能实现懒加载咯，3.2版本的程序详情页默认已经开启！大家可以把首页，产品列表，订单列表，购物车列表...等等那种有多屏展现场景页面都可以开启懒加载！建议图片丢到阿里云oss,再配合cdn加速。

2.再配合阿里云oss免费的图片压缩使用，效果更佳！比如说你首页产品列表（这两种图还稍微大点），在说说弹出属性，购物车列表，还有我的订单列表等等这些地方图就小的可怜啊，指甲大小的位置...你不做压缩处理，默认加载的全是高清原图，那么小位置加载个高清原图有毛线用！！！当然你会说传图的时候压缩改下尺寸再传（那多麻烦啊）。所以就用到阿里云免费图片处理功能，自动压缩输出多种尺寸，购物车列表订单列表以及属性图直接输出200px*200px即可体积减少到原来的1/4！首页以及产品列表输出400*400px 体积起码减少到原来的1/3....再配合懒加载，就算你购物车加了几十款产品也就几百kb数据......

http://bbs.crmeb.net/forum.php?mod=viewthread&tid=1602&highlight=%E5%8E%8B%E7%BC%A9

3.再配合redis给数据库、session加速，有钱的买阿里云或者腾讯云的redis(跟一台服务器差不多价钱）。没钱的用本地服务器自建的（建议内存4G以上的服务器开启）

http://bbs.crmeb.net/forum.php?mod=viewthread&tid=3204&page=1&extra=#pid20912

4.h5端的话直接把前端 js css 各种小图标等文件，可以全丢到oss里边去吧。

public下整个 h5文件夹（包含里边的所有东西）用oss传输工具 ossbrowser 直接把整个h5目录传到oss里边，再将public/index.html 里边的各种js css等静态文件的引用链接批量替换成成你阿里oss设置的加速域名后的链接即可，这样h5几乎可以瞬开了。

比如假设你h5文件夹传到你oss根目录下并且oss正常使用的情况下，直接public/iindex.html 文件打开，再ctrl+h 批量替换搜索 /h5 替换成 //www.xxx.com/h5 即可！

改之前备份源文件！切记

下面试试效果：