Mendeklarasikan encoding karakter

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

Elemen <meta charset> yang terlambat (yang tidak sepenuhnya ada dalam 1024 byte pertama dokumen) dapat memengaruhi performa pemuatan secara signifikan karena browser akan mengasumsikan satu encoding karakter, dan jika kemudian menemukan bahwa asumsinya salah, browser harus mulai mengurai HTML lagi dari awal.

Cara meneruskan insight ini

Insight menganggap encoding karakter harus dideklarasikan jika menemukan salah satu hal berikut:

  • Elemen <meta charset> dalam <head> dokumen yang sepenuhnya berada dalam 1024 byte pertama dokumen
  • Header respons HTTP Content-Type dengan direktif charset yang cocok dengan nama IANA yang valid

Hanya salah satu dari parameter ini yang perlu ditetapkan untuk meneruskan insight.

Tambahkan elemen <meta charset> ke HTML Anda

Tambahkan elemen <meta charset> dalam 1024 byte pertama dokumen HTML Anda. Elemen harus sepenuhnya berada 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

Konfigurasi server Anda untuk menambahkan header respons HTTP Content-Type yang menyertakan direktif charset.

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

Resource