移动网络上的页面加载速度不够快

许多用户会使用速度较慢的蜂窝网络连接来访问您的页面。在移动网络上快速加载页面有助于为这些移动用户提供更好的体验。

# Lighthouse 页面加载速度审计失败的原因

Lighthouse 会标记出在移动设备上加载速度不够快的页面：

有两个主要指标影响了用户对加载时间的体验：

• 首次有效绘制 (FMP) ，它衡量页面的主要内容何时看起来完整
• 交互用时 (TTI) ，衡量页面何时完全交互

例如，如果一个页面在 1 秒后看起来完整，但用户在 10 秒内无法与其交互，则用户可能会认为页面加载时间为 10 秒。

Lighthouse 会计算慢速 4G 网络连接上的 TTI。如果交互时间超过 10 秒，则审计失败。

# 如何改进页面的加载时间

# How to improve your overall Performance score

Unless you have a specific reason for focusing on a particular metric, it's usually better to focus on improving your overall Performance score.

Use the Opportunities section of your Lighthouse report to determine which improvements will have the most value for your page. The more significant the opportunity, the greater the effect it will have on your Performance score. For example, the Lighthouse screenshot below shows that eliminating render-blocking resources will yield the biggest improvement:

See the Performance audits landing page to learn how to address the opportunities identified in your Lighthouse report.

# 资源

• 移动网络上的页面加载速度不够快审计的源代码
• 基线渐进式 Web 应用程序清单
• 关键渲染路径
• 分析运行时性能入门
• 记录负载性能
• 优化内容效率
• 渲染性能