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

Published on Updated on

Translated to: English, Español, Português, 한국어, Pусский, 日本語

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

在移动网络上快速加载页面,是网站被视为渐进式 Web 应用 (PWA) 的基本要求。请参阅渐进式 Web 应用核心清单

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

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

Lighthouse 审计显示在移动设备上加载速度不够快的页面

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

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

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

In the Lighthouse report UI the full PWA badge is given when you pass all of the audits in all of the PWA subcategories (Fast and reliable, Installable, and PWA optimized).

如何改进页面的加载时间

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:

Lighthouse: Opportunities section

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

资源

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.