p8某APP性能优化规划

兴趣，擅长，价值，发展
动机
目标
是否有矛盾的地方，权威性，体系化程度，开源项目，是否了解竞争对手，是否有沉淀累积平台，制度
写书

p8某APP性能优化规划

背景
目标
方案
执行计划
根据现状，我认为需要启动优化专项，提升app性能体验。根据过往的经验与查阅资料，定核心指标为：秒开率，90%
pu瀑布 根据首页瀑布流图，我认为主要存在以下问题：

图片提交过大；单请求过长；缓存/内置不生效；请求数过多，顺序不合理
所以定义技术指标如下：
图片尺寸，单请求耗时，缓存命中率，首页请求数
图片优化，网络优化，缓存与内置，
业务技术改造，检测与监控
商业化与开源计划
三 图片优化
方案
矢量图与动画平台（iconfont,svg,lottie）
离线工具,对接图片源站，与设计师共建
图片源站（格式转换webp,heif,裁剪，缩放，锐化等处理图片能力）
线上服务：接入cdn
端智图片
app端上能力
在质量相同的情况下，webp格式的体积要比jgp格式小40%。
我们可以通过jsnew Image()来判断当前环境下是否支持webp

网络优化
客户端网络库劫持
http nds
cdn节点的http2升级
cdn路由监控
缓存与内置
http3主动缓存平台
内置资源管理平台
业务技术改造
请求优先级梳理
首页域名合并
图片裁剪

检测与监控
页面性能规则平台（与ci系统集成）
图片性能埋点上报，网络性能埋点上报
性能数据中心（数据大盘与报警）
商业计划与开源计划
矢量图与动画平台化改造
图片源站云化改造
性能标准开源（参考lighthouse）
执行计划：2022Q4 图片问题整改