GWT ImageResource的优点是preventInlining

Question

我认识到在GWT中，可以使用

注释ImageResource

$('input[name="rb-membership"]').click(function () {
    $(this).tab('show');
});

以防止将其添加为@ImageResource.ImageOptions(preventInlining = true) 。 这样的内联图像是否有任何缺点？这可能是一个问题，DOM得到了很多Base64代码？或者提出不同的问题：为什么有人会使用url('data:image/gif;base64...')？

Answer 1

总结this answer的项目：

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

在GWT的情况下，其中一些项目可能没有实际意义，因为GWT的更高版本无论如何都不支持IE 6和7。不确定GWT如何影响第一项，因为无论如何都会在初始页面加载上加载所有内容（代码分割代码除外），之后（通常）不会发生新的页面加载。