外部图像与内联SVG图像图像加载时间

时间：2018-02-09 17:53:42

标签： html css html5 image loading

标题可能非常模糊，因为我不太确定如何说出来，但我想知道哪些文件需要更长时间才能加载

这种类型的装载机： https://codepen.io/aurer/pen/jEGbA 

<html></html>

或像这样的gif加载器：

enter image description here

我几乎总是认为它的画面，但我只是想确定。

1 个答案:

答案 0 :(得分：2)

你是对的......你错了......你是对的......这是一个很好的问题。

gif需要更长时间才能加载，因为它是另一个文件（除了http / 2正在修复它），它是44 KB。内联svg方法看起来大约是1 KB，它可能更快速gzip，它是内联的，所以没有额外的文件开销。对于没有缓存的单页加载，内联svg更快。

enter image description here

这就是问题。

一旦缓存，.gif就不会被加载，因此它比拥有SVG内联内容更快...对于重复页面加载，使用缓存数据，外部gif会产生一个较小的html文件，无需下载一个图像文件，所以它更快。

enter image description here

但如果html被缓存怎么办？然后我们回到内联更快......

相关问题
最新问题