Domanda

Esiste una relazione tra doctype di un documento HTML e velocità di rendering del browser?

Se sì, quale è il più veloce?

È stato utile?

Soluzione

Non credo che il tipo di documento abbia un'influenza sulla velocità di rendering. Ma la struttura e lo stile di un documento HTML avranno.

Un documento HTML complesso (enorme albero DOM, molti oggetti incorporati) con uno stile complesso (float, posizionamento, margine, riempimento) probabilmente avrà bisogno di più esecuzioni di rendering. Inoltre, un codice HTML non valido che il browser dovrà eseguire nella gestione degli errori per l'analisi e la creazione dell'albero DOM (ma questo non è il rendering).

Prendi il Gecko reflow per esempio che mostra come Gecko, il motore di rendering di Firefox, rende un Documento HTML (video per mozilla.org , una pagina di Wikipedia e google.co.jp ).

Altri suggerimenti

Google è uno dei siti più veloci del pianeta. Usano il seguente tipo di documento:

<!doctype html>

Su Google, "ogni byte è importante".

A dire il vero, Google fa prima molte altre cose. Quando sei al loro livello, devi pensare al numero di caratteri / byte che invii. Quindi, se sei nel punto in cui pensi che cambiare il tuo doctype ti aiuterà, usa quanto sopra.

Basandomi solo sulla mia esperienza, mi sarei azzardato che qualsiasi differenza è puramente trascurabile.

Ci sono un paio di fattori nella scelta del tipo di documento che POTREBBERO influenzarlo:

  • Un doctype rigoroso potrebbe comportare meno tempo di analisi (ovviamente senza errori).
  • Il caricamento di XHTML potrebbe richiedere più tempo a causa dei tag di chiusura obbligatori su tutto.

Tuttavia, questo varierà notevolmente in base al motore di rendering e al modo in cui elaborano il codice sorgente.

Devo ancora vedere un sito Web così ottimizzato che l'unica cosa rimasta da guardare è il doctype. Per migliorare la velocità di caricamento della pagina, utilizzerei uno strumento come ySlow o Google Page Speed ?? per indicare aree più ovvie di miglioramento.

Non ho mai sentito parlare di una differenza di velocità di rendering nel mondo reale. Allo stesso modo viene spesso suggerito che XHTML verrà visualizzato più velocemente. L'idea è che con un documento ben formato il browser non debba gestire errori, ma il browser non sa che è ben formato fino a quando non viene reso ...

Esistono molte pagine con Doctypes XHTML rigorosi che non convalidano.

Tutti gli altri fattori coinvolti sono probabilmente molto più importanti - a parte la velocità di download, il modo in cui usi i selettori CSS può sicuramente avere un effetto per esempio.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top