Deklarasi karakter tidak ada atau terlambat muncul di HTML

Server dan {i>browser<i} berkomunikasi satu sama lain dengan mengirimkan byte data melalui di Internet. Jika server tidak menentukan format encoding karakter gunakan saat mengirim file HTML, {i>browser<i} tidak akan tahu karakter apa yang diwakili oleh setiap byte. Deklarasi encoding karakter spesifikasi mereka dapat memecahkan masalah ini.

Kegagalan audit charset Lighthouse

Mercusuar menandai halaman yang tidak menyebutkan karakter yang dikodekan:

Audit encoding karakter yang gagal.

Lighthouse menganggap encoding karakter akan dideklarasikan jika menemukan salah satu dari hal berikut:

  • Elemen <meta charset> dalam <head> dokumen yang sepenuhnya yang ada dalam 1024 {i>byte<i} pertama dari dokumen tersebut
  • Header respons HTTP Content-Type dengan perintah charset yang cocok dengan nama IANA yang valid
  • Tanda urutan byte (BOM)

Cara lulus audit charset

Tambahkan elemen <meta charset> ke HTML Anda

Tambahkan elemen <meta charset> dalam 1.024 byte pertama dokumen HTML Anda. Elemen tersebut harus sepenuhnya dimuat dalam 1.024 byte pertama. Praktik terbaiknya adalah membuat elemen <meta charset> menjadi elemen pertama dalam <head> dari dokumen Anda.

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

Menambahkan header respons HTTP Content-Type

Mengonfigurasi server untuk menambahkan Content-Type Header respons HTTP yang menyertakan perintah charset.

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

Resource