☰

Was passiert hinter den Kulissen, wenn ein Browser eine Seite ohne Formatierung rendert?

tag-icon • tag-icon browser css
Was passiert hinter den Kulissen, wenn ein Browser eine Seite ohne Formatierung rendert?

Beispielsweise wird Facebook hin und wieder mit kaum Grafiken und einer Reihe standardmäßig blau gefärbter Links auf der linken Seite der Seite geladen.

Manchmal scheint es, als liege die Internetverbindung nicht richtig, und manchmal scheint es, als ob nur diese Site Probleme hat. Ich würde gerne eine ausführliche Erklärung des Problems hören.

Antwort1

Im Allgemeinen bedeutet dies, dass die Haupt-HTML-Seite einen Link zum CSS-Stylesheet enthält, der (aus welchem ​​Grund auch immer) nicht geladen werden konnte. Da das Stylesheet nicht verfügbar ist, rendert der Browser die Seite mit den Standardstiles (wodurch Positionierungsinformationen, Hintergrundgrafiken, Linkfarben usw. verloren gehen, die das CSS angegeben hat). Insbesondere verwenden viele moderne Websites CSS, um ihre <div>Seiten auf dem Bildschirm zu positionieren. Ohne CSS werden die Navigationslinks also an ihrer Standardposition angezeigt (linksbündig, die Seite hinunter).

Mögliche Ursachen:

  • Unzuverlässige Netzwerkverbindung (z. B. Zeitüberschreitung beim Herunterladen von Ressourcen nach dem Laden der Hauptseite)
  • Verlorene Internetverbindung, wobei die Haupt-HTML-Seite im Cache verbleibt
  • Sie haben den Seitenladevorgang abgebrochen, nachdem die HTML-Seite geladen wurde, aber bevor die Ressourcen geladen wurden

  • Der Server hat eine leere Antwort zurückgegeben (möglicherweise aufgrund einer schlechten lokalen Netzwerkverbindung, eines schlechten Proxys oder einer vorübergehenden Serverstörung).

    Ein besonders häufiger Fall ist, dass die HTML-Seite auf einer Website oder Domäne gehostet wird und die meisten verknüpften Ressourcen sich auf einer anderen Domäne befinden. Beispielsweise superuser.combezieht sich Super User ( ) auf Stylesheets und UI-Bilder (wie die Abstimmungspfeile) auf cdn.sstatic.net, Benutzeravatare auf auf www.gravatar.comund Inhaltsbilder auf stack.imgur.com. Wenn sstatic.netvorübergehend ausfällt, während superuser.comaktiv bleibt, erhalten Sie einen ähnlichen Effekt wie den von Ihnen beschriebenen.

Sie erwähnen, dass die Seite „kaum Grafiken“ zeigt. Es ist möglich, dass die Website die meisten ihrer Grafiken mithilfe von CSS als Hintergrundbilder angibt. Wahrscheinlicher ist jedoch, dass die meisten von der Seite verlinkten Ressourcen (einschließlich Stylesheets und Bilder) nicht geladen werden. Dies führt zu beiden von Ihnen beschriebenen Problemen (verlorene Formatierung und verlorene Bilder).

Die Bilder, die geladen werden, sind entweder nicht von dem Server- oder Proxy-Fehler betroffen (Bilder werden häufig auf anderen Servern oder Domänen als die Hauptwebseite gehostet) oder befanden sich bereits in Ihrem Browser-Cache (sodass der Browser nicht versucht, sie abzurufen, wodurch der Fehler vermieden wird).

verwandte Informationen