모범 사례 감사
이러한 검사는 웹 앱의 전반적인 코드 상태를 개선할 수 있는 기회를 드러내 줍니다.
- 일반적인 모범 사례 #
- 페이지에 HTML 문서 유형이 없으므로 쿼크 모드가 트리거됩니다 페이지가 이전 버전으 브라우저에서 쿼크 모드를 트리거하지 않는지 확인하는 방법을 알아봅니다.
- 브라우저 오류가 콘솔에 기록되었습니다 브라우저 오류를 식별하고 수정하는 방법을 알아보세요.
- 이미지가 잘못된 종횡비로 나타납니다 올바른 종횡비로 반응형 이미지를 표시하는 방법을 알아보세요.
- 페이지에 HTML 문서 유형이 없으므로 쿼크 모드가 트리거됩니다
- 페이지를 빠르게 만들기 #
- 모든 리소스에 HTTP/2를 사용하지 않음 HTTP/2가 페이지 로드 시간에 중요한 이유와 서버에서 HTTP/2를 활성화하는 방법을 알아봅니다.
- document.write() 사용 document.write()를 피하여 페이지 로드 시간을 단축하는 방법을 알아보세요.
- Use passive listeners to improve scrolling performance Learn how to improve your page's scrolling responsiveness by avoiding passive event listeners.
- 모든 리소스에 HTTP/2를 사용하지 않음
- 페이지를 안전하게 만들기 #
- 교차 출처 대상에 대한 링크는 안전하지 않습니다 다른 호스트의 리소스에 안전하게 링크하는 방법을 알아보세요.
- 알려진 보안 취약점이 있는 프런트 엔드 JavaScript 라이브러리 포함 JavaScript 라이브러리를 교체하여 페이지를 더 안전하게 만드는 방법 알아보기 알려진 취약점이 있습니다.
- Ensure CSP is effective against XSS attacks Learn about preventing cross-site scripting (XSS) attacks with a strict Content Security Policy (CSP).
- 교차 출처 대상에 대한 링크는 안전하지 않습니다
- 훌륭한 사용자 경험 만들기 #
- Requests the geolocation permission on page load Learn how to responsibly request geolocation permission in a way that provides good user experience.
- Requests the notification permission on page load Learn how to responsibly request notification permission in a way that provides good user experience.
- Requests the geolocation permission on page load
- 더 이상 사용되지 않는 기술 피하기 #
- Uses Application Cache Learn how to migrate your web page from the deprecated Application Cache to the Cache API.
- Uses deprecated APIs Learn how to remove and replace deprecated APIs from your web page.
- Uses Application Cache
- 진단 감사 #
- Detected JavaScript libraries Learn about Lighthouse's diagnostic "Detected JavaScript libraries" audit.
- Detected JavaScript libraries