15年双11手淘前端技术巡演 - H5性能最佳实践 ・ Issue #21 ・ amfe/article ・ GitHub

15年双11手淘前端技术巡演 - H5性能最佳实践 ・ Issue #21 ・ amfe/article ・ GitHub

双11 App内存节省50% 3G 1S首包返回 iOS版本 & Android版本 iOS 系统版本占比情况： 收集性能数据&建立衡量标准 同时对支持performance.timing的设备收集Timing数据，用于详细分析网络请求各阶段的性能消耗情况。 WebViewDidFinishLoad 官方解释：Sent after a web view finishes loading a frame. Android iOS 1年前H5性能状况 传统优化 使用现状 url('iconfont.woff') format('woff'), /* chrome、firefox */ url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ }` 但是这些对页面性能造成不小的影响。 使用WebP前 使用WebP后 Banner部分对比 解码内存消耗 Decoded in memory的计算公式： w x h x 4（宽 x 高 x 每个像素4个字节） 如果设备DPI大于1，还需要 X DPI系数。如Retina设备X 4，RetinaHD设备X 9. 禁止生成大图且利用率少 最终做了一些和native结合的优化思路。 HTTPDNS 案例：iPhone5s 联通3G 手淘httpdns服务在启动的时候就会对白名单的域名进行域名解析,

Read full article from 15年双11手淘前端技术巡演 - H5性能最佳实践 ・ Issue #21 ・ amfe/article ・ GitHub