Deklarasi karakter tidak ada atau terlambat muncul di HTML

Server dan browser saling berkomunikasi dengan mengirimkan byte data melalui internet. Jika server tidak menentukan format encoding karakter yang digunakan saat mengirim file HTML, browser tidak akan mengetahui karakter yang diwakili oleh setiap byte. Spesifikasi deklarasi encoding karakter akan mengatasi masalah ini.

Kegagalan audit charset Lighthouse

Lighthouse menandai halaman yang tidak menentukan encoding karakternya:

Audit encoding karakter yang gagal.

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

  • Elemen <meta charset> di <head> dokumen yang sepenuhnya dimuat dalam 1.024 byte pertama dokumen
  • Header respons HTTP Content-Type dengan perintah charset yang cocok dengan nama IANA yang valid
  • Tanda urutan byte (BOM)

Cara lulus audit charset

Menambahkan elemen <meta charset> ke HTML Anda

Tambahkan elemen <meta charset> dalam 1.024 byte pertama di dokumen HTML Anda. Elemen ini harus sepenuhnya dimuat dalam 1024 byte pertama. Praktik terbaiknya adalah menjadikan elemen <meta charset> sebagai elemen pertama dalam <head> dokumen Anda.

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

Tambahkan header respons HTTP Content-Type

Konfigurasikan server Anda untuk menambahkan header respons HTTP Content-Type yang menyertakan perintah charset.

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

Referensi