页面加载时间
- 工具测量：使用专业的性能测试工具，如Google PageSpeed Insights、GTmetrix、Pingdom等。这些工具会模拟用户访问网站的过程，从不同的地理位置和网络环境对网站进行加载测试，并给出详细的性能报告，包括页面的首次加载时间、完全加载时间等指标。一般来说，首次加载时间在3秒以内，完全加载时间在5秒以内是比较理想的。
- 浏览器开发者工具：在浏览器的开发者工具中，可以查看页面的加载时间。例如，在Chrome浏览器中，按F12键打开开发者工具，选择“Network”选项卡，刷新页面后，可以看到每个资源的加载时间以及页面的总体加载时间。通过对比优化前后的加载时间，直观地判断优化效果。
资源加载情况
- 资源数量：查看页面加载过程中请求的资源数量。优化后的网站，资源数量应尽量减少，特别是对于一些不必要的小文件或重复请求的资源，应进行合并或优化处理。可以在浏览器开发者工具的“Network”选项卡中查看请求的资源列表，对比优化前后的资源数量变化。
- 资源大小：关注各个资源的文件大小，特别是图片、脚本和样式表等较大的资源。经过压缩和优化后，这些资源的大小应明显减小。例如，图片经过压缩后，文件大小可能会减少50%甚至更多，从而加快了图片的加载速度，提升整体页面加载性能。同样可以在浏览器开发者工具中查看资源大小的具体信息。
首次绘制时间和首次内容绘制时间
- 首次绘制时间（FP）：指浏览器首次将任何内容绘制到屏幕上的时间，它标志着页面开始加载的视觉反馈。优化后的网站，首次绘制时间应尽可能缩短，让用户更快地看到页面的初步显示，感受到页面的响应。
- 首次内容绘制时间（FCP）：是指浏览器首次绘制来自DOM的内容的时间，如文本、图像、SVG等。这是用户首次看到页面主要内容的重要指标，优化良好的网站，FCP时间也会相应缩短，一般希望在1.5秒以内。通过浏览器开发者工具或性能测试工具可以获取这两个时间指标，并评估优化效果。
交互响应时间
- JavaScript执行时间：对于一些具有交互功能的网站，如菜单点击、按钮点击、表单提交等，关注JavaScript代码的执行时间至关重要。优化后的网站，JavaScript代码应更加高效，执行时间更短，从而使交互响应更加迅速。可以通过浏览器开发者工具的“Performance”选项卡，分析JavaScript函数的执行时间和调用栈，找出可能存在的性能瓶颈，并对比优化前后的执行时间变化。
- 帧率：对于动画效果或滚动等交互场景，帧率是衡量流畅度的重要指标。一般来说，帧率应保持在60fps左右，才能提供流畅的用户体验。通过浏览器开发者工具的“Performance”选项卡或一些专门的帧率监测工具，可以查看页面在交互过程中的帧率表现，判断优化是否提升了页面的交互流畅度。
用户体验和业务指标
- 用户流失率：如果网站加载速度过慢，用户可能会因为等待时间过长而离开网站，导致用户流失率上升。通过分析网站的流量统计数据，对比优化前后的用户流失率变化，如果流失率明显降低，说明加载速度的优化对用户留存产生了积极影响。
- 转化率：对于电商网站或具有特定业务目标的网站，加载速度的优化还应体现在转化率的提升上。例如，更快的加载速度可能会使用户更愿意完成购买、注册、提交表单等操作，从而提高网站的转化率。通过分析业务数据，如订单数量、注册人数等指标的变化，评估加载速度优化对业务的实际价值。
