通过对比WebView与原生的体验差距，分析webview加载过程找到相应的优化点，满满的WebView优化干货，让你的H5实现秒开体验。

H5 项目是企鹅辅导的核心项目，已迭代四年多，包括了课程详情页/老师详情页/报名页/支付页面等页面，构建产物用于企鹅辅导 APP/H5（微信/QQ/浏览器），迭代过程中了也累积了一些性能问题

可能大家对「白屏时间」这个名词并不陌生，他是「刀耕火种」年代，我们收集的页面性能指标之一，随着前端工程的复杂化，白屏时间已经没有什么实质性的意义了，取而代之的就是 FMP。 先来介绍几个与之相关的名词。 FMP（First Meaning Paint）：首次有效绘制，标记主角元…

上篇讲到，权重值定位性能指标 FMP，至于怎么算权重讲的不是很清楚，此篇将就如何「相对准确」算出权重值以及怎样筛选出我们想要的 FMP 值。 「MutationObserver 给予我们获取 DOM 渲染「切面」的能力」。 paintTag：对应 dom 的打点标记「_pi」，…

目前 Vue、 React 在前端界混的风生水起，它们的开发思想使得我们能真正做到前后端分离、解耦。单页面的使用给用户带来了更好体验。不过对于 Vue 和 React 这种框架来说， HTMLinJS 的思路在首屏加载慢、白屏以及 SEO 等问题就日益突出了。 不仅需要拼框架的…

我前段时间参与了一个react为主的大前端项目，覆盖Web、Android、Ios三个平台。由于整个业务逻辑侧重在手机端，且Web端也是到了项目中期才开始启动，我分别以react-native和react分开建了两个项目。 可是，后端微服务集群是同一个，两个项目调用的API大多…