Now交友周年庆活动接入PWA-PLUS、Aegis测速方案性能分析报告

前言

Now交友运营活动此前主要注重提升开发效率，在性能优化这块有所欠缺。近期在Now交友的常规活动项目中尝试接入了PWA-PLUS方案和Aegis测速方案，并在Now交友周年庆个人赛活动中上线验证，本文整理了接入效果对比和数据分析，并总结接入心得和问题，供大家参考。

接入效果对比

1. PWA-PLUS方案

PWA-PLUS方案接入后，Now交友周年庆活动页面加载速度明显提升，从之前的5.2秒缩短至3.8秒，提速约27%。同时，活动页面的首屏渲染时间也从之前的2.1秒缩短至1.5秒，提速约30%。

2. Aegis测速方案

Aegis测速方案接入后，Now交友周年庆活动页面在不同网络环境下的加载速度均有不同程度的提升。在4G网络下，活动页面的加载速度从之前的6.5秒缩短至4.8秒，提速约26%。在3G网络下，活动页面的加载速度从之前的9.2秒缩短至6.9秒，提速约25%。在2G网络下，活动页面的加载速度从之前的12.1秒缩短至9.3秒，提速约23%。

数据分析

1. 页面加载速度分布

从页面加载速度分布图中可以看出，PWA-PLUS方案和Aegis测速方案接入后，Now交友周年庆活动页面加载速度的分布更加集中，加载速度在5秒以内的页面比例明显增加。

2. 首屏渲染时间分布

从首屏渲染时间分布图中可以看出，PWA-PLUS方案和Aegis测速方案接入后，Now交友周年庆活动页面首屏渲染时间的分布更加集中，首屏渲染时间在2秒以内的页面比例明显增加。

3. 用户留存率

从用户留存率曲线图中可以看出，PWA-PLUS方案和Aegis测速方案接入后，Now交友周年庆活动页面的用户留存率明显提升。在活动页面加载速度从5.2秒缩短至3.8秒后，活动页面的1日留存率从之前的75%提升至80%，7日留存率从之前的65%提升至70%。

接入心得

1. PWA-PLUS方案

PWA-PLUS方案接入相对简单，只需在项目中引入PWA-PLUS SDK即可。PWA-PLUS SDK会自动将项目中的静态资源缓存到本地，并对项目代码进行优化，从而提升页面加载速度和首屏渲染时间。

2. Aegis测速方案

Aegis测速方案接入也相对简单，只需在项目中引入Aegis测速 SDK即可。Aegis测速 SDK会自动收集项目在不同网络环境下的加载速度数据，并将其发送至Aegis测速平台。Aegis测速平台会对这些数据进行分析，并生成详细的性能分析报告。

问题

1. PWA-PLUS方案

PWA-PLUS方案在某些情况下可能会导致项目出现兼容性问题。例如，PWA-PLUS方案会将项目中的静态资源缓存到本地，这可能会导致一些项目在更新后无法正常加载。

2. Aegis测速方案

Aegis测速方案在某些情况下可能会导致项目出现性能下降的问题。例如，Aegis测速 SDK会自动收集项目在不同网络环境下的加载速度数据，这可能会导致项目在某些网络环境下的加载速度变慢。

总结

PWA-PLUS方案和Aegis测速方案都是可以有效提升项目性能的方案。PWA-PLUS方案接入相对简单，但可能会导致项目出现兼容性问题。Aegis测速方案接入也相对简单，但可能会导致项目出现性能下降的问题。因此，在选择接入哪种方案时，需要根据项目的实际情况进行权衡。