설치 가능성은 프로그레시브 웹 앱 (PWA)의 핵심 요구사항입니다. 사용자에게 PWA를 설치하라는 메시지를 표시하여 PWA를 홈 화면에 추가하도록 허용할 수 있습니다. 홈 화면에 앱을 추가하는 사용자는 이러한 앱을 더 자주 사용합니다.
웹 앱 매니페스트에는 앱을 설치할 수 있도록 만드는 데 필요한 주요 정보가 포함되어 있습니다.
Lighthouse 웹 앱 매니페스트 감사 실패 방법
Lighthouse는 설치 가능성을 위한 최소 요구사항을 충족하는 웹 앱 매니페스트가 없는 페이지를 신고합니다.
페이지의 매니페스트에 다음 속성이 포함되어 있지 않으면 감사가 실패합니다.
short_name
또는name
속성- 192x192px 및 512x512px 아이콘이 포함된
icons
속성 start_url
속성fullscreen
,standalone
또는minimal-ui
로 설정된display
속성true
이외의 값으로 설정된prefer_related_applications
속성
PWA를 설치할 수 있도록 하는 방법
앱에 위의 기준을 충족하는 매니페스트가 있는지 확인합니다. PWA 만들기에 관한 자세한 내용은 설치 가능하게 만들기를 참고하세요.
PWA를 설치할 수 있는지 확인하는 방법
Chrome
앱이 설치 가능성을 위한 최소 요구사항을 충족하면 Chrome에서 사용자에게 PWA를 설치하라는 메시지를 표시하는 데 사용할 수 있는 beforeinstallprompt
이벤트를 실행합니다.
다른 브라우저의 경우
다른 브라우저의 설치 및 beforeinstallprompt
이벤트 트리거 기준은 서로 다릅니다.
자세한 내용은 해당 사이트를 참고하세요.