小程序别直接放5M原图首屏,四个优化做完,4G网下也能秒开页面
新手做小程序,功能跑通就上线,用户反馈打开要等十秒,一半用户还没等加载完就直接退出,其实小程序只要做几个基础优化,加载速度立刻就上来。第一,首屏别放太多高清大图,首屏三张压缩后的小图足够,下面的内容滚动到了再加载,别一进页面就拉十张图;第二,所有用户上传的图片,前端先压到100k以内再传,别直接传5M的原图,4G网下加载要十几秒,压完一秒就加载完;第三,别在小程序里堆太多第三方统计、客服插件,每个插件都要加载JS脚本,首屏加载的脚本越多,速度越慢,只留必须用的;第四,接口返回的数据做精简,别把没用的字段全传给前端,比如用户头像的base64编码直接塞在接口里,数据量一大,接口加载就要好几秒。
我之前帮水果店做小程序,首屏放了八张原图,打开要8秒,把图片压缩、首屏减到三张图,加载速度直接到1秒,用户停留时间涨了两倍。很多新手做小程序,只测功能通不通,根本不管加载速度,等上线之后用户反馈慢,才想起优化。真的,小程序的用户大多用移动网络,把图片压小、脚本精简,首屏立刻就快,不用等用户全跑光了才改。
本站源码来源于网络收集修改或者交换,甚至可能并非原创,如遇未经考证信息需持审慎态度。若有疑问,可联系本站处理。
0