为什么我的本地网站(非托管)无需互联网就可以从外部 CSS 链接加载图标?

为什么我的本地网站(非托管)无需互联网就可以从外部 CSS 链接加载图标?

我正在做一个网站,并测试一些来自谷歌外部 css 链接的图标。我将外部链接写入 index.html 文件,一切正常。然后我想到测试如果没有互联网会发生什么。我预计图标不会加载。即使我无法访问互联网,它们也能正常加载。为什么会发生这种情况?这怎么可能?

答案1

这是因为您的浏览器缓存了文件。缓存会将您查看的数据暂时保存到硬盘中。这包括网页上的文本和图像,因此也包括相关图标。

缓存数据的目的是什么?速度。通过在本地下载文件,您不必在浏览网站时重复下载数据,也不必在以后的日期/时间返回。在某些情况下,节省的时间微不足道,但在其他情况下,您可以明显看到页面立即加载,因为您已经拥有数据。

正如评论中提到的,如果你清除浏览器的缓存,图标就会消失。但是,如果你打开另一个浏览器并进行测试,图标不会出现,因为它们从未被该浏览器缓存过。

另外,有些浏览器甚至会缓存您尚未浏览过的页面的数据。这称为预取。当您浏览网页时,浏览器会在后台浏览链接并开始将这些页面下载到其缓存中,这样,如果您点击这些链接,它们就会加载得更快。

相关内容