PRPL 是一个缩写词,描述了一种用于加快网页加载速度并使其更快变为交互模式的模式:
- 预加载较晚发现的资源。
- 尽快渲染初始路由。
- 预缓存剩余资源。
- 延迟加载其他路由和非关键资源。
在本指南中,您将了解这些方法如何搭配使用,但仍可单独使用来取得理想的成效。
使用 Lighthouse 审核您的网页
运行 Lighthouse 以发现符合 PRPL 技术的改进机会:
- 按 `Control+Shift+J`(在 Mac 上为 `Command+Option+J`)打开 DevTools。
- 点击 Lighthouse 标签页。
- 选中效果和渐进式 Web 应用复选框。
- 点击运行审核以生成报告。
如需了解详情,请参阅使用 Lighthouse 发现性能改进机会。
预加载关键资源
如果某个资源的解析和提取延迟,Lighthouse 会显示以下审核失败消息: