html - 图像源文件与 base64 有性能差异吗?

标签 html css

我想知道使用图片作为 base64 与使用实际文件相比是否存在性能差异,用户必须即时下载。

最佳答案

具有自己的 HTTP URL 的图像:

  • 需要一个单独的 HTTP 请求(在 HTTP 1 上很慢,但在 HTTP 2 上很快)
  • 可以与引用它的资源并行加载
  • 可以缓存,因此不需要为后续页面请求或重新加载初始页面
  • 可能需要比等效的 Base64 更少的字节来传输

关于html - 图像源文件与 base64 有性能差异吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38633341/

相关文章:

css - CSS 显示属性的过渡

html - CSS:如何删除奇怪的线条

html - Chrome 和 Firefox 上的 CSS3 Transitions 在 Optimus 或 Intel IGP 配置中表现不佳。怎么修?

html - CSS:图像悬停 ->逐渐消失

带有透明背景的css3锯齿状边缘

html - 如何对图标和输入元素进行分组

html - 输入元素不会换行;与另一个输入保持在同一行

html - Chrome 开发者工具显示的屏幕大于我在响应模式下设置的屏幕

jquery - 单击一次 <a> href 链接后,在整个网站上永久显示隐藏的 div

jquery - 如何平移/缩放 HTML 内容? (即谷歌地图、WordSquared)