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` を制御するサービスワーカーが登録されない オフライン機能やプッシュ通知、インストール可能性といった Progressive Web App (プログレッシブウェブアプリ) の機能をサポートするサービスワーカーを登録する方法について学びます。
- ウェブアプリマニフェストがインストール可能性の要件を満たしていない プログレッシブウェブアプリをインストール可能にする方法について学びます。
- Does not use HTTPS
- PWA 最適化 #
- Does not redirect HTTP traffic to HTTPS Learn how to make your site more secure by redirecting all pages to HTTPS.
- Is not configured for a custom splash screen Learn how to create a custom splash screen for your Progressive Web App.
- アドレスバーのテーマの色を設定しません 自分のProgressive Web Appのアドレスバーのテーマの色を設定する方法について学びましょう。
- Content is not sized correctly for the viewport Learn how to size your web page content to fit on mobile screens.
- Does not have a <meta name="viewport"> tag with width or initial-scale Learn about the "Does not have a <meta name="viewport"> tag with width or initial-scale" Lighthouse audit.
- 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 にマスカブルアイコンのサポートを追加する方法について学びます。
- Does not redirect HTTP traffic to HTTPS
- 手動で確認する場合の追加項目 #
- 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.
- Site works cross-browser