PWA 审核

这些检查可以验证渐进式 Web 应用的各个方面。

快速且可靠 #
- 移动网络上的页面加载速度不够快
  了解如何使您的网页在移动网络上快速加载。
- Current page does not respond with a 200 when offline
  Learn how to make your Progressive Web App work offline.
- `start_url` does not respond with a 200 when offline
  Learn how to configure your Progressive Web App's start_url so your app is accessible offline.
可安装 #
- Does not use HTTPS
  Learn how to protect your website with HTTPS.
- 不注册可控制页面和“start_url”的服务工作进程
  了解如何注册可支持离线功能、推送通知和可安装等渐进式 Web 应用程序特性的服务工作进程。
- Web 应用清单不符合可安装性要求
  了解如何使您的渐进式 Web 应用可安装。
已优化的 PWA #
- Does not redirect HTTP traffic to HTTPS
  Learn how to make your site more secure by redirecting all pages to HTTPS.
- 未配置自定义初始屏幕
  了解如何为渐进式 Web 应用创建自定义初始屏幕。
- 没有为地址栏设置主题颜色
  了解如何为渐进式 Web 应用设置地址栏主题颜色。
- Content is not sized correctly for the viewport
  Learn how to size your web page content to fit on mobile screens.
- 没有带 width 或 initial-scale 的 <meta name="viewport"> 标记
  了解有关“没有带 width 或 initial-scale 的 <meta name="viewport"> 标记”Lighthouse 审计的信息。
- Does not provide fallback content when JavaScript is not available
  Learn how to make sure users can view at least some content on your web page when JavaScript isn't available.
- 清单没有可屏蔽的图标
  了解如何向 PWA 添加可屏蔽图标支持。
其他需要手动检查的项目 #
- Site works cross-browser
  Learn how to use Workbox to make sure your web page works across browsers.
- Page transitions don't feel like they block on the network
  Learn how to make transitions between web pages feel responsive, even on a slow network.
- Each page has a URL
  Learn about the Lighthouse "Each page has a URL" audit.