Html 为什么我的预渲染页面会在Chrome中闪烁？

我正在尝试创建一个画廊网站，预装下一页。我使用的是link prerender和preload，这在Firefox和Chrome中运行良好，但在Chrome中，当你进入页面时，页面会立即闪烁白色

要了解我的意思，请等待几秒钟以便预装下一页，然后按向右箭头键

这在Firefox中不会发生，所以我想我在Chrome中做错了什么？也许我需要移动一些脚本标记

---

我在OS X 10.9上使用的是Chrome版本33.0.1750.117。

它看起来不像是“预渲染”。如果您检查Chrome浏览器中的网络流量，则这些页面的请求状态为“（已取消）”！？由于

img

元素没有指定任何维度，因此当您导航到下一页（我假设这是您的“页面快闪”）时，页面正在“跳跃”。点击后退按钮要快得多，这（理论上）应该是页面“预加载”时的情况。此外，“后退按钮”在这里没有任何用处，关键是要确保当用户转到/next/image/page时，他们不必等待图像/页面资源下载。自从我这么做以来，它的速度比以前快了很多，但是当你在Chrome中进入新页面时，会出现一道白色的“闪光”，这在没有预渲染的情况下是不会发生的（尽管加载总体上要慢很多），而在Firefox中也不会发生。（无可否认，我对Chrome中的“预渲染”不太了解…）但是，如果在打开开发人员工具时禁用预渲染，那么为什么关闭开发人员工具时的行为完全相同？我提到的“后退按钮”与这样一个查询有关：如果一个页面是“预呈现/预回迁/预加载”的，那么为什么它没有后退按钮那么快？如果我按下右箭头键（等待后），我可以在我的网络流量（而不是Chrome）上看到正在获取图像（网络流量中的一个大峰值），但是，如果我按左箭头键返回我已经访问过的页面，我不会（它直接从缓存中拉出来——老实说，如果页面已经“预渲染”，这是我所期望的）顺便说一句，我也看到使用Firefox的网络流量也出现了同样的峰值，但它似乎可以更好地处理渲染。“问题”似乎是在获取“预渲染”页面的链接资源（即图像）时？？行为不同。关闭开发工具后，页面将被预渲染，因此会出现一个非常短的白色闪光，然后页面立即出现。开发工具打开时，没有flash，页面加载时间更长。相信我，你找错人了。我的问题是，在Chrome中显示预渲染页面时，为什么会出现白色闪烁。我很感激你的帮助，但你在这里帮不了我。