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