网页性能度量、优化、监测

性能是一个持续的过程，而不是一次性的检查表。它需要持续的监测和工作。在投资于性能时，一个有用的工作流是测量、优化和监视。

一些小技巧：

1. 将性能与业务目标联系起来。帮助利益相关方度量性能如何影响他们关心的核心业务指标。(例如，转化率、跳出率、品牌认知度)。
2. 真实世界的性能是千差万别的。测量你的实际用户在移动设备和网络连接上的性能。了解瓶颈及其对以用户为中心的性能指标的影响。
   
3. 优化时，只加载需要的东西。积极管理你的有效载荷，并保持启动时间短。
4. 将性能预算添加到持续集成中。使工程师和pm能够可视化每个新特性的“成本”。业务人员常常不理解什么是“可接受的”性能，或者引入新特性对性能的用户影响。
5. 确保测量实验室条件的测试从真实世界(RUM)中收集相同(或相似)的度量。由于设备、网络和其他条件的不同，在现实世界中，性能对指标的影响可能是高度可变的。
6. 度量优化具达到预期的效果(例如 A / B测试)。如果以牺牲另一个度量为代价来改进一个度量，那么“修复”可能是不正确的。
7. 定期主动汇报工作进展，以突显成功(例如，电子邮件，仪表盘，警报)。这确保了性能是沟通的常规部分，并以能够被更多人理解的方式传达。

在2018年Chrome开发峰会上，我们刚刚发布了一些工具来帮助网络开发者获得更快的体验:

1. 由Lighthouse和Chrome用户体验报告支持的新PageSpeed Insights，为测量url和字段指标提供了一种方便的方法。
   
2. web.dev是一个免费的、新的、以Lighthouse为支持的开发人员教育平台。它支持监控您的进度优化您的网站随着时间的推移。
   
3. web.dev包括代码驱动的向导，用于为了性能体验优化JavaScript、图像置性能预算。
   
4. lighthouse-ci现在支持为 Lighthouse 性能评分(例如80/100)设定预算。团队可以监控导致回归的原因。web.dev包含了一个方便的入门指南。
   

如果加载速度慢、动画质量差、冻结或消耗大量内存，体验的性能就会很差。为了避免这些性能问题，使用可用的工具来度量、优化和监视性能。这是一个快速和保持快速的好方法。

原文链接：Measure, Optimize & Monitor.