Wird eine Webseite mit HTML 4 Transitional oder HTML 5 DTD schneller geladen/gerendert?

StackOverflow https://stackoverflow.com//questions/9697117

  •  13-12-2019
  •  | 
  •  

Frage

Ich habe eine Webseite HTML 4-Übergang Und HTML 5 konform.In der neuesten Version des Browsers gibt es einen Leistungsgewinn (Verringerung der Zeit zum Laden/Rendering der Seite), wenn ich die Seite so codiere, dass sie die HTML5-DTD verwendet (was bedeutet, dass keine DTD eingefügt wird) gegenüber der HTML 4-Übergangs-DTD ?

War es hilfreich?

Lösung

Der DTD dient lediglich dazu, dem Browser (und einem Validator) mitzuteilen, welche Art von HTML Sie verwenden und wie Ihre Tags als „gültig“ gelten.

DTDs verwenden eine knappe formale Syntax, die genau angibt, welche Elemente und Referenzen wo im Dokument des jeweiligen Typs erscheinen dürfen und welche Inhalte und Attribute die Elemente haben.

A DOCTYPE teilt dem Browser mit, welcher Modus verwendet werden soll:Strict- oder Quirks-Modus, der vorgibt, wie der Browser die Seite gestalten soll.

Die HTML-Layout-Engines in modernen Webbrowsern führen DOCTYPE-„Sniffing“ oder „Switching“ durch, wobei der DOCTYPE in einem Dokument, das als Text/HTML dient, einen Layoutmodus bestimmt, z. B. „Quirks-Modus“ oder „Standardmodus“.

HTML5 hat den Doctype <!DOCTYPE html> - ein DOCTYPE ohne DTD.

Verwechseln Sie sie nicht, es sind verschiedene Dinge.

Soweit ich weiß, gibt es keinen Leistungsgewinn.Allerdings mit a DOCTYPE sorgt dafür, dass ein Browser die Seite browserübergreifend standardkonform (und konsistenter, aber nicht vollständig) gestaltet.Dabei handelt es sich eher um einen „Schönheits“-Vorteil als um Geschwindigkeit.

Da Webbrowser mit speziellen HTML-Parsern und nicht mit allgemeinen DTD-basierten Parsern implementiert sind, verwenden sie keine DTDs und greifen nie auf sie zu, selbst wenn eine URL angegeben wird.Der DOCTYPE bleibt in HTML5 als „größtenteils nutzloser, aber erforderlicher“ Header erhalten, der nur dazu dient, in gängigen Browsern den „Standardmodus“ auszulösen.

Andere Tipps

Der HTML5-Doctype ist mehrere Zeichen, die kleiner als frühere Iterationen sind, was weniger Bytes und eine kleinere Dateigröße bedeutet, die dabei deuten, dass die HTML5-Version eine bessere Leistung hat.

Jedoch würde ich vorschlagen, dass, wenn alles, was Sie tun, den Doctype ändern, die Leistungsgewinne minimal sein.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top