性能是指 Web 应用的效率、速度和响应能力。加载时间过长且处于不活跃状态会导致跳出率较高且转化次数较少。因此,内容驱动型应用开发必须优先考虑性能,以确保用户可以顺畅高效地与应用互动。Web 应用的速度和响应能力对于各行各业十分重视;新闻应用需要尽快提供报道,电子商务应用必须快速加载产品以保持潜在客户的兴趣,文档或博客需要快速加载,以实现清晰的导航和读者满意度。
用于评估内容驱动型应用性能的工具包括:
- PageSpeed Insights (PSI):由 web.dev 运行的工具可用于检查移动设备和桌面设备的体验,并提供改进建议。该报告由 Chrome 用户体验报告 (CrUX) 数据集提供支持,用于检查多种类型的体验。
- Lighthouse:可在 Google Chrome 开发者工具中找到,它具有一个浏览器扩展程序,可用于衡量 Web 应用的许多方面(例如性能、无障碍功能、最佳实践、SEO 和 PWA 审核)。
核心网页指标工具包括以下几个方面,等等:
- Largest Contentful Paint (LCP):衡量加载性能。LCP 应在网页首次开始加载后的 2.5 秒内发生。
- First Input Delay (FID):衡量互动性。网页的 FID 不应超过 100 毫秒。
- Cumulative Layout Shift (CLS):衡量视觉稳定性。网页的 CLS 应保持在 0.1 或更低。