标题可能有些模糊，因为我不太确定如何表达，但我想知道哪种加载方式需要更长时间，就像这种加载器：
https://codepen.io/aurer/pen/jEGbA
注意：请保留HTML标记。
<html></html>
或者像这样的gif加载器：
我几乎总是认为是图片的问题，但我只是想确认一下。
1个回答
6
你说得对... 也不完全对... 还是有道理的... 这是一个好问题。
gif文件需要加载时间更长，因为它是另一个文件（除非使用http/2修复），而且大小为44KB。内联svg方法看起来只有1KB左右，甚至在gzip压缩后可能更快，并且它是内联的，所以没有额外的文件开销。对于没有缓存的单个页面加载，内联svg更快。
gif文件需要加载时间更长，因为它是另一个文件（除非使用http/2修复），而且大小为44KB。内联svg方法看起来只有1KB左右，甚至在gzip压缩后可能更快，并且它是内联的，所以没有额外的文件开销。对于没有缓存的单个页面加载，内联svg更快。
问题在于...
一旦缓存，.gif文件不会被加载，因此比内联SVG内容快... 对于重复的页面加载，使用缓存数据，外部gif文件导致较小的html文件并且无需下载图像文件，因此更快。
但如果HTML已缓存呢？那么内联将再次更快...
- JasonB
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接