Falta la declaración del charset o aparece demasiado tarde en el código HTML

Los servidores y los navegadores se comunican entre sí enviando bytes de datos a través del a Internet. Si el servidor no especifica de qué formato de codificación de caracteres es cuando envía un archivo HTML, el navegador no sabrá qué carácter representa cada byte. La declaración de codificación de caracteres especificación soluciona este problema.

Cómo falla la auditoría charset de Lighthouse

Faro marca las páginas que no especifican su codificación de caracteres:

La auditoría de codificación de caracteres con fallas.

Lighthouse considera que se declara la codificación de caracteres si encuentra lo siguiente:

  • Un elemento <meta charset> en el elemento <head> del documento que está completamente incluido en los primeros 1,024 bytes del documento
  • Un encabezado de respuesta HTTP Content-Type con una directiva charset que coincida con un nombre de IANA válido
  • Una marca de orden de bytes (BOM)

Cómo aprobar la auditoría de charset

Agrega un elemento <meta charset> a tu código HTML

Agrega un elemento <meta charset> dentro de los primeros 1,024 bytes de tu documento HTML. El elemento debe estar contenido por completo dentro de los primeros 1,024 bytes. La práctica recomendada es hacer que el elemento <meta charset> sea el primer elemento de la <head> de tu documento.

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

Agrega un encabezado de respuesta HTTP Content-Type

Configura tu servidor para agregar un Content-Type. Encabezado de respuesta HTTP que incluye una directiva charset.

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

Recursos