문자 집합 선언이 누락되었거나 HTML에서 너무 늦게 발생합니다.

서버와 브라우저는 인터넷을 통해 데이터 바이트를 전송하여 서로 통신합니다. 서버가 HTML 파일을 보낼 때 어떤 문자 인코딩 형식을 사용하는지 지정하지 않으면 브라우저는 각 바이트가 나타내는 문자를 알 수 없습니다. 문자 인코딩 선언 사양이 이 문제를 해결합니다.

Lighthouse charset 감사 실패 방법

Lighthouse는 문자 인코딩을 지정하지 않는 페이지를 신고합니다.

실패 문자 인코딩 감사

Lighthouse는 다음 중 하나라도 발견되면 문자 인코딩이 선언된 것으로 간주합니다.

  • 문서의 <head>에 있는 <meta charset> 요소(문서의 처음 1,024바이트에 완전히 포함됨)
  • 유효한 IANA 이름과 일치하는 charset 지시문이 있는 Content-Type HTTP 응답 헤더
  • 바이트 순서 표시 (BOM)

charset 감사를 통과하는 방법

HTML에 <meta charset> 요소 추가

HTML 문서의 처음 1,024바이트 내에 <meta charset> 요소를 추가합니다. 요소는 처음 1,024바이트 내에 완전히 포함되어야 합니다. 권장사항은 <meta charset> 요소를 문서의 <head>에 있는 첫 번째 요소로 만드는 것입니다.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    …

Content-Type HTTP 응답 헤더 추가

charset 지시어가 포함된 Content-Type HTTP 응답 헤더를 추가하도록 서버를 구성합니다.

Content-Type: text/html; charset=UTF-8

자료