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.](https://developer.chrome.google.cn/static/docs/lighthouse/best-practices/charset/image/the-failing-character-enc-65708532bd6a6.png?authuser=7&hl=es-419)
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 directivacharset
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