得物AppH5秒开优化实战
文/得物技术 徐铭 导读: 一开始我们的H5页面秒开率只有30%左右,现在我们的H5页面秒开率达到了 75%。这中间巨大的差异究竟有哪些黑科技在里面?我们为什么要做H5页面的秒开优化?我们的秒开指标是如何统计的?客户端和H5是怎么配合做到 1+1>2的?监控是如何发现H5页面可优化项的?我们又通过监控发现了哪些可优化的问题呢? 1. 背景 H5秒开优化是一个老生常谈的问题,本文将逐步介绍如何通过客户端 + H5 的优化手段(1+1>2)把秒开从 30% 提升到 75% ?后续接口预请求、客户端预渲染以及预加载2.0上线后还会再次助力指标提升。 为什么要做优化? Global Web Performance Matters for ecommerce 的报告中指出: 47%的用户更在乎网页在2秒内是否完成加载。 52%的在线用户认为网页打开速度影响到他们对网站的忠实度。 每慢1秒造成页面 PV 降低11%,用户满意度也随之降低降低16%。 近半数移动用户因为在10秒内仍未打开页面从而放弃。 整体系统架构图: 2. 指标选择 首先讲一下得物用来衡量秒开的指标 FMP,...



