0

我认识到在 GWT 中,一个 ImageResource 可以用

@ImageResource.ImageOptions(preventInlining = true)

以防止它被添加为url('data:image/gif;base64...'). 以这种方式内联图像有什么缺点吗?DOM 因大量 Base64 代码而变得臃肿可能是个问题?或者换一种方式问:为什么有人会使用preventInlining = true

4

1 回答 1

1

总结这个答案的项目:

  • 使用内联可以保存请求,但会使 HTML 膨胀,并且不允许浏览器缓存图像,即每次加载页面时都会加载它们(编码的图像)。
  • Base64 编码使图像大小膨胀 33%。
  • 在 IE6 和 7 中不起作用,在 IE8 中只能达到 32k(编码后)。

在 GWT 的情况下,由于 GWT 的更高版本无论如何都不支持 IE 6 和 7,因此其中一些项目可能会变得没有意义。不确定 GWT 如何影响第一项,因为无论如何都会在初始页面加载时加载所有内容(代码拆分代码除外),之后(通常)不会发生新的页面加载。

于 2016-04-27T08:47:33.367 回答