通过 PRPL 模式应用即时加载

PRPL 是一个缩写词,描述了一种用于加快网页加载速度并使其更快变为交互模式的模式:

  • 预加载较晚发现的资源。
  • 尽快渲染初始路由。
  • 预缓存剩余资源。
  • 延迟加载其他路由和非关键资源。

在本指南中,您将了解这些方法如何搭配使用,但仍可单独使用来取得理想的成效。

使用 Lighthouse 审核您的网页

运行 Lighthouse 以发现符合 PRPL 技术的改进机会:

  1. 按 `Control+Shift+J`(在 Mac 上为 `Command+Option+J`)打开 DevTools。
  2. 点击 Lighthouse 标签页。
  3. 选中效果渐进式 Web 应用复选框。
  4. 点击运行审核以生成报告。

如需了解详情,请参阅使用 Lighthouse 发现性能改进机会

预加载关键资源

如果某个资源的解析和提取延迟,Lighthouse 会显示以下审核失败消息: