专栏名称: 大转转FE
大前端
目录
相关文章推荐
程序员好物馆  ·  别再给所有函数起名叫 ... ·  18 小时前  
程序员好物馆  ·  别再给所有函数起名叫 ... ·  18 小时前  
前端早读课  ·  【第3521期】如何在 React 中构建一个库 ·  19 小时前  
前端早读课  ·  【第3520期】Slack、Notion ... ·  昨天  
前端早读课  ·  【图书】MCP原理与实战:高效AI ... ·  昨天  
脚本之家  ·  大厂都在用的 12 大主流 AI ... ·  2 天前  
脚本之家  ·  大厂都在用的 12 大主流 AI ... ·  2 天前  
51好读  ›  专栏  ›  大转转FE

小程序代码包压缩 策略&方案

大转转FE  · 掘金  · 前端  · 2017-12-13 06:11

正文

请到「今天看啥」查看全文


开发维护 保持代码包干净整洁,一定程度上有利于代码的长期维护。

策略

控制代码包大小主要策略:

  • 能搬的尽量搬。图片、音频、数据、甚至页面,很多都可以搬至服务端,需要时再通过网络载入。将非核心非必要的内容移出代码包可以大幅度释放代码包空间。

  • 搬不了的尽量删。已下线、已废弃、无关、冗余等不需要/不再需要的内容应及时清理,避免持续占用代码包空间。

  • 压缩 删不了的尽量压缩。图片、js、wxss、wxml等均存在压缩空间。很多时候,适当程度的压缩,能在几乎不影响功能体验的同时,有效减少空间占用。

  • 合并 压缩不了的尽量合并。功能类似的资源可以归一化,在需求/设计/实现层面减少资源的重复消耗。

  • 其它 其它压缩策略。

方案

资源外置 非核心不紧急的资源文件,特别是图片、音频、视频等体积较大的媒体文件,可以移至cdn服务器,需要时再通过网络载入。这常常是小程序前期膨胀的主要原因和最有效压缩方式,比如我们的“手机30秒快卖”小程序,将图片资源移出代码包后,体积从约2MB直接降到了195KB。

数据外置

非核心不紧急的数据内容,包括城市地区等大段数据,标签映射等大段配置,使用条约、服务说明等大段文案,可以移至数据服务器或本地storage,需要时再予以载入。有些内容体积会比想象中大,比如我们的“转转使用条约”,移出代码包后,释放了约40KB空间。

功能外置 非核心自定义属性不强烈、不紧急可以异步处理的功能,可以移至外部实现。如选择地址、查看大图等功能可以交由小程序原生接口实现,编码解码等功能可以交由服务端实现。







请到「今天看啥」查看全文