PWA 감사
이러한 검사는 프로그레시브 웹 앱의 다양한 측면을 확인합니다.
- 빠르고 안정적 #
- 모바일 네트워크에서 페이지 로드가 충분히 빠르지 않습니다. 모바일 네트워크에서 웹 페이지를 빠르게 로드하는 방법을 알아봅니다.
- 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.
- 커스텀 스플래시 스크린에 대해 구성되지 않았습니다. 프로그레시브 웹 앱에 대한 커스텀 스플래시 스크린을 만드는 방법을 알아봅니다.
- 주소 표시줄의 테마 색상을 설정하지 않습니다. 프로그레시브 웹 앱의 주소 표시줄 테마 색상을 설정하는 방법을 알아봅니다.
- 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"> 태그 없음 "너비 또는 초기 규모가 있는 <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에 마스크 가능 아이콘 지원을 추가하는 방법을 알아보세요.
- 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