Серверы и браузеры обмениваются данными, передавая байты информации через интернет. Если сервер не указывает, какой формат кодировки символов он использует при отправке HTML-файла, браузер не будет знать, какой символ представляет каждый байт. Спецификация объявления кодировки символов решает эту проблему.
Как проверка charset в Lighthouse провалилась
Lighthouse помечает страницы, на которых не указана кодировка символов:
Система Lighthouse считает кодировку символов объявленной, если обнаруживает любой из следующих вариантов:
- Элемент
<meta charset>в<head>документа, полностью содержащийся в первых 1024 байтах документа. - Заголовок HTTP-ответа
Content-Typeс директивойcharset, соответствующей допустимому имени IANA. - Метка порядка байтов (BOM)
Как пройти проверку charset
Добавьте элемент <meta charset> в свой HTML-код.
Добавьте элемент <meta charset> в первые 1024 байта вашего HTML-документа. Элемент должен полностью занимать первые 1024 байта. Рекомендуется сделать элемент <meta charset> первым элементом в <head> вашего документа.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
…
Добавьте заголовок HTTP-ответа Content-Type
Настройте свой сервер таким образом, чтобы он добавлял заголовок HTTP-ответа Content-Type , включающий директиву charset .
Content-Type: text/html; charset=UTF-8