外部图像与内联 SVG 图像图像加载时间
External Image vs Inline SVG Image image loading time
标题可能很模糊，因为我不太确定如何表达它，但我想知道哪个需要更长的时间来加载，比如
此类装载机：
https://codepen.io/aurer/pen/jEGbA
<html></html>
或像这样的 gif 加载器：
我几乎总是认为它是图片，但我只是想确定一下。
你是对的……你是错的……你是对的……这是个好问题。
gif 需要更长的时间来加载，因为它是另一个文件（除了 http/2 正在修复）并且它是 44 KB。内联 svg 方法看起来大约为 1 KB，压缩后可能更快，而且它是内联的，因此没有额外的文件开销。对于没有缓存的单个页面加载，内联 svg 更快。
问题来了。
一旦被缓存，.gif 就不会被加载，所以它比 SVG 内联内容更快...对于重复的页面加载，使用缓存数据，外部 gif 会产生更小的 html文件，不需要下载图片文件，所以速度更快。
但是如果 html 被缓存了呢？然后我们回到内联更快...
标题可能很模糊，因为我不太确定如何表达它，但我想知道哪个需要更长的时间来加载，比如
此类装载机： https://codepen.io/aurer/pen/jEGbA
<html></html>
或像这样的 gif 加载器：
我几乎总是认为它是图片，但我只是想确定一下。
你是对的……你是错的……你是对的……这是个好问题。
gif 需要更长的时间来加载，因为它是另一个文件（除了 http/2 正在修复）并且它是 44 KB。内联 svg 方法看起来大约为 1 KB，压缩后可能更快，而且它是内联的，因此没有额外的文件开销。对于没有缓存的单个页面加载，内联 svg 更快。
问题来了。
一旦被缓存，.gif 就不会被加载，所以它比 SVG 内联内容更快...对于重复的页面加载，使用缓存数据，外部 gif 会产生更小的 html文件，不需要下载图片文件，所以速度更快。
但是如果 html 被缓存了呢？然后我们回到内联更快...