Middle
Wie erfolgt das Rendering der Website für den Benutzer?
sobes.tech KI
Antwort von AI
- Der Benutzer gibt die URL im Browser ein. Der Browser sendet eine DNS-Anfrage, um die IP-Adresse des Servers zu erhalten.
- Der Browser stellt eine TCP-Verbindung zum Server her. Es wird normalerweise das HTTP/S-Protokoll verwendet.
- Der Browser sendet eine HTTP-Anfrage an den Server. HTML-Dokument und andere Ressourcen (CSS, JavaScript, Bilder) werden angefordert.
- Der Server verarbeitet die Anfrage und sendet eine HTTP-Antwort. Die Antwort enthält die angeforderten Ressourcen und Statusinformationen.
- Der Browser erhält das HTML-Dokument. Das Parsen des HTML beginnt.
- Es wird ein DOM (Document Object Model) erstellt. Baum von Objekten, der die HTML-Struktur repräsentiert.
- Der Browser erkennt Links zu externen Ressourcen (CSS, JavaScript, Bilder) im HTML. Zusätzliche Anfragen werden gestellt, um diese zu erhalten.
- Der Browser erhält die CSS-Stile. Das Parsen des CSS beginnt.
- Es wird ein CSSOM (CSS Object Model) erstellt. Baum von Objekten, der die Stile repräsentiert.
- Es wird ein Renderbaum erstellt. Vereinigung von DOM und CSSOM. Enthält nur sichtbare Elemente und deren Stile.
- Layout (oder Reflow). Die geometrischen Maße und die Position jedes Elements auf der Seite werden berechnet.
- Paint (oder Repaint). Die Elemente werden entsprechend ihrer Stile und Positionen auf dem Bildschirm gerendert.
- Komposition. Die Seite wird Schicht für Schicht für die Anzeige zusammengestellt.
- Der Browser erhält JavaScript-Dateien. Das Parsen und Ausführen des Codes beginnt. JavaScript kann DOM und CSSOM ändern, was zu einer Neuberechnung von Layout und Paint führt.
- Anzeige der Seite für den Benutzer. Während Ressourcen empfangen werden und Schritte abgeschlossen sind, sieht der Benutzer den Seiteninhalt.