外部图像与内联 SVG 图像图像加载时间
hel*_*ere 2 html css image loading
标题可能很模糊，因为我不太确定如何措辞，但我想知道哪个需要更长的时间才能加载
这种类型的加载器：https : //codepen.io/aurer/pen/jEGbA
<html></html>
或者像这样的 gif 加载器：
我几乎总是认为它是图片，但我只是想确定一下。
你是对的......你错了......你是对的......这是一个很好的问题。
gif 需要更长的时间来加载，因为它是另一个文件（除了 http/2 正在修复）并且它是 44 KB。内联 svg 方法看起来大约是 1 KB，它的 gzip 压缩速度可能更快，而且它是内联的，因此没有额外的文件开销。对于没有缓存的单个页面加载，内联 svg 更快。
这是摩擦。
一旦被缓存，.gif 就不会被加载，所以它比具有 SVG 内联内容更快......对于重复页面加载，使用缓存数据，外部 gif 会生成更小的 html 文件，无需下载图像文件，所以速度更快。
但是如果 html 被缓存了呢？然后我们回到更快的内联......
| 归档时间： |
|
| 查看次数： |
1570 次 |
| 最近记录： |