1

当我注意到 Firefox 正在请求在位于 HTML5 模板标签内的 img 的 src 属性中定义的 url 时，我正在使用 DevTools 调试我的 Web 应用程序，而 Chrome 则没有。

我正在使用最新版本（50.0）。

这是一个错误吗？

下面的例子：

<template id="object-img">
  <div class='object-container'>
    <div>
      <img src="cacaca.jpg" class="img-responsive" alt="imagem" />
    </div>
  </div>
</template>
4

1 回答 1

0

这是 Firefox 的一种优化。

image如果它不在浏览器的历史/缓存中，则仅在第一次请求它。页面的后续重新加载不会再次触发请求。

问题是在渲染的 DOM 中的以下但正常image的图像之前请求内部，这在某些情况下可能会适得其反。一种解决方案是将其放在其他图像之后。<template><template>

注意：规范声明模板中的template元素不会被渲染，但会被解析。他们对引用资源的预加载只字未提。

于 2016-11-25T10:34:31.890 回答