Warum kann meine lokale Website (nicht gehostet) ohne Internet Symbole von externen CSS-Links laden?

Question

Ich erstelle eine Website und teste einige Icons von einem externen CSS-Link von Google. Ich habe den externen Link in die Datei index.html geschrieben und alles hat gut funktioniert. Dann kam ich auf die Idee zu testen, was passiert, wenn ich keinen Internetzugang habe. Ich hatte damit gerechnet, dass die Icons nicht geladen werden. Sie wurden jedoch problemlos geladen, obwohl ich keinen Internetzugang habe. Warum ist das passiert? Wie ist das möglich?

Answer 1

Dies liegt daran, dass Ihr Browser die Dateien zwischenspeichert. Beim Zwischenspeichern werden die angezeigten Daten vorübergehend auf Ihrer Festplatte gespeichert. Dazu gehören der Text und die Bilder auf Webseiten und damit auch die betreffenden Symbole.

Was ist der Zweck des Zwischenspeicherns von Daten? Geschwindigkeit. Durch das lokale Herunterladen der Dateien müssen Sie die Daten beim Navigieren auf der Website nicht wiederholt herunterladen oder zu einem späteren Zeitpunkt darauf zurückgreifen. In einigen Fällen ist die Zeitersparnis unbedeutend, in anderen Fällen können Sie jedoch sehen, dass Seiten sofort geladen werden, da Sie die Daten bereits haben.

Wie in den Kommentaren erwähnt, verschwinden die Symbole, wenn Sie den Cache Ihres Browsers leeren. Wenn Sie jedoch einen anderen Browser öffnen und testen, werden die Symbole nicht angezeigt, da sie von diesem Browser nie zwischengespeichert wurden.

Übrigens speichern einige Browser sogar Daten für Seiten, die Sie noch gar nicht angesehen haben, im Cache. Dies nennt man Prefetching. Während Sie eine Webseite ansehen, navigiert der Browser im Hintergrund durch die Links und beginnt mit dem Herunterladen dieser Seiten in den Cache, damit sie schneller geladen werden, falls Sie auf diese Links klicken.