Pinterest通过性能优化提升用户体验与用户增长

"借助性能优化促进用户数增长" 在 Pinterest 的一次重大实验中，工程师们通过优化移动Web首页的性能，成功地提升了60%的页面加载速度，并且观察到移动注册转化率增加了40%。然而，这次优化依赖于一些临时的、非标准的方法，如预生成HTML页面，而不是利用内部模板渲染引擎或通用资源。为了将这些优化策略整合到常规实践中，整个前端引擎、页面模板及通用元素都需要重构。 在这个过程中，建立一个强大的指标体系至关重要，以跟踪系统的各个方面的进步。他们首先关注的是如何准确衡量页面性能。最初，他们采用的是页面加载时间（PLT），即从用户请求URL到页面完全渲染完成的时间。但PLT并未反映出用户体验的真实情况，因为它包括了所有资源的下载时间，而用户往往在页面主要内容加载完毕后就开始交互。 为解决这一问题，Pinterest 引入了用户察觉到的等待时间（UPWT）作为新的性能指标。UPWT关注的是从用户请求页面到页面主要内容可视部分呈现完成的时间，它更贴近用户的实际感知。UPWT是基于图片加载事件计算的，从navigationStart事件开始，到domLoading和domComplete事件之间某个时间点结束，当屏幕上的关键图片完成加载时，UPWT就结束了。 这种对性能的深度理解和度量方式使Pinterest能够针对性地优化用户体验，尤其是在移动设备上，更快的加载速度意味着更好的用户体验，从而促进了用户数量的增长。在2016年，这些优化策略发挥了关键作用，帮助公司实现了用户基数的显著扩大。 为了达到这样的优化效果，Pinterest的工程师可能采用了各种技术，包括但不限于： 1. **静态资源的预编译与缓存**：预先生成HTML页面，减少动态渲染的时间消耗。 2. **懒加载**：延迟非关键内容的加载，优先确保页面主要部分的快速展现。 3. **代码分割**：将JavaScript和CSS拆分为小块，按需加载，减少初始加载的负担。 4. **HTTP/2推送**：利用HTTP/2协议的特性，服务器可以主动将一些资源推送给客户端，减少等待时间。 5. **优化图片格式**：转换为更高效的图片格式，如WebP，以减少文件大小。 6. **CDN服务**：使用内容分发网络，让用户从最近的服务器获取资源，降低延迟。 7. **首字节时间（Time to First Byte, TTFB）优化**：提升服务器响应速度，减少用户等待首字节的时间。 通过上述措施，Pinterest能够提高页面的加载速度，改善用户体验，从而促进用户注册和活跃度的增加。这些经验对于任何希望提升用户增长的Web应用程序都是宝贵的教训，表明性能优化对于吸引和保留用户具有至关重要的作用。