Haben Sie sich jemals gefragt, was alles nötig ist, um eine Webseite in Ihren Browser zu laden? Abhängig von Ihrer Internetverbindung gelangen Sie durch Eingeben der URL oder der Adresse einer Webseite und Drücken der Eingabetaste fast augenblicklich zu dieser Webseite. Bei langsameren Verbindungen ist der Vorgang möglicherweise langsamer, Sie können jedoch dennoch relativ schnell zu einer Seite gelangen. Was passiert hinter den Kulissen, damit das alles passiert? Folgen Sie unten und wir zeigen Ihnen, was los ist!
Server-zu-Browser-Kommunikation
Wenn Sie als Laie einen Link in Ihre Adressleiste eingeben oder auf einen Link auf einer Seite klicken, fordert der Browser den Server an, auf dem die Adresse gehostet wird. Von dort werden die Ressourcen für die Seite heruntergeladen und der Browser verwendet diese Ressourcen, um die Seite zu rendern und Ihnen das Endprodukt anzuzeigen.
Es ist jedoch etwas komplizierter.
Ein kurzes Wort zu URLs
Wenn Sie eine URL wie www.google.com eingeben, sehen Sie genau das. Der Computer sieht etwas anderes. Sobald Sie dies eingeben und die Eingabetaste drücken, durchläuft es einen Domain Name Server (DNS) und wandelt ihn in eine IP-Adresse um - etwas, das der Computer lesen kann. Während Sie also möglicherweise www.google.com sehen, leitet der Browser dies über einen DNS-Server weiter und stellt dann tatsächlich eine Verbindung zu einer der vielen IP-Adressen von Google her, z. B. 216.58.216.110 . Sie könnten tatsächlich 216.58.216.110 in die Adressleiste eingeben und am selben Ort landen.
Eine Webseite in Ihrem Browser anzeigen
Es gibt viele bewegliche Teile, um eine Webseite in Ihrem Browser richtig anzuzeigen. Der erste Schritt ist jedoch die Anforderung. Sie stellen eine Anfrage an einen Webserver, wenn Sie die Adresse einer Website eingeben, die Sie besuchen möchten, z. B. www.techjunkie.com. Sobald Sie die Eingabetaste drücken, stellt Ihr Browser eine Verbindung zum Webhost her und fordert Sie zum Herunterladen einer Reihe von Textdateien auf.
Der nächste Schritt ist die Antwort des Webservers. Dies ist der Schritt, bei dem der Server dem Browser die Ressourcen tatsächlich bereitstellt. Der Browser fordert sie an (die Anfrage) und der Server sendet sie an (die Antwort). Woher weiß ein Browser jedoch, ob er mehr als nur eine einzelne Datei benötigt? Dies geschieht durch Parsing. Mit anderen Worten, der Browser nimmt das erste Dokument und sucht nach Verweisen auf andere Dateien. Wenn ein Verweis auf eine andere Datei angezeigt wird, wird diese ebenfalls heruntergeladen. Es ist viel komplexer als das, aber das ist der Kern dessen, wie es alle benötigten Dateien findet.
Als nächstes müssen alle heruntergeladenen Informationen erstellt werden. Es verwendet das heruntergeladene HTML-Originaldokument sowie alle relevanten Ressourcen und erstellt eine Art Struktur oder Baum. Zunächst wird eine Document Object Map (DOM) erstellt, bei der es sich im Wesentlichen um die Struktur oder Platzierung von Elementen auf einer Seite handelt. Als Nächstes wird die CSS-Objektzuordnung erstellt - die Struktur für die Gestaltung der Elemente im DOM. Schließlich wird der Render-Baum erstellt, der im Wesentlichen das DOM und die CSS-Objektzuordnung enthält, diese kombiniert und eine Struktur für die Strukturierung und Gestaltung der Seite erstellt.
Zuletzt wird die Seite gerendert und Ihnen als Benutzer angezeigt. In diesem Schritt gibt es auch viele Berechnungen, da der Browser herausfinden muss, wie groß das Layout im Verhältnis zu Ihrem Bildschirm ist (z. B. wenn Sie ein Tablet, ein Smartphone oder einen Computer verwenden, sind die Seitengrößen unterschiedlich). Sobald dies der Fall ist, wird eine endgültige und hoffentlich gut aussehende Seite in Ihrem Browser angezeigt.
Der Vorgang ist wirklich erstaunlich - alle diese Anforderungen und Berechnungen erfolgen in Sekundenschnelle, je nachdem, wie schnell Ihre Internetverbindung ist. Obwohl eine Webseite Hunderte von Dateien enthalten kann, geschieht der obige Vorgang in den meisten Fällen problemlos in 10 Sekunden oder weniger.
Schließen
Hoffentlich haben wir klar erklärt, wie Ihre Internetverbindung, der Browser und die Server zusammenarbeiten, um Ihnen Webseiten direkt in Ihren Browser zu übermitteln. Wenn Sie ein tieferes Verständnis dafür haben, wie all diese Technologien zusammenwirken, können Sie nicht nur besser einschätzen, was sich hinter den Kulissen abspielt, sondern auch Probleme im Zusammenhang mit dem Browser beheben.
