Dichiarare una codifica dei caratteri

Server e browser comunicano tra loro inviando byte di dati su internet. Se il server non specifica il formato di codifica dei caratteri che utilizza quando invia un file HTML, il browser non saprà quale carattere rappresenta ogni byte. La specifica della dichiarazione della codifica dei caratteri risolve questo problema.

Un elemento <meta charset> tardivo (uno che non è completamente contenuto nei primi 1024 byte del documento) può influire in modo significativo sulle prestazioni di caricamento, in quanto il browser presupporrà una codifica dei caratteri e, se scopre in un secondo momento di aver fatto un'ipotesi errata, dovrà iniziare di nuovo l'analisi dell'HTML dall'inizio.

Come superare questo insight

L'approfondimento considera la codifica dei caratteri dichiarata se trova uno dei seguenti elementi:

  • Un elemento <meta charset> nella <head> del documento completamente contenuto nei primi 1024 byte del documento
  • Un'intestazione della risposta HTTP Content-Type con una direttiva charset che corrisponde a un nome IANA valido

Solo uno di questi deve essere impostato per superare l'approfondimento.

Aggiungi un elemento <meta charset> al codice HTML

Aggiungi un elemento <meta charset> entro i primi 1024 byte del documento HTML. L'elemento deve essere completamente contenuto nei primi 1024 byte. La best practice consiste nell'impostare l'elemento <meta charset> come primo elemento del <head> del documento.

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

Aggiungere un'intestazione della risposta HTTP Content-Type

Configura il server in modo che aggiunga un'intestazione della risposta HTTP Content-Type che includa una direttiva charset.

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

Risorse