HTML5预呈现/预取不起作用(我得到一个渐进的幕后下载/过渡!)

时间:2013-11-20 13:17:23

标签: html5 prefetch prerender

我正在开展一个网络项目,我希望加载我的网页甚至过渡。我现在得到的是我的照片和背景以幕布方式下载。我想让它立即显示出来。

我不介意是否有进度条或其他东西,但不是类似幕布的方式。

我使用了prefetch / prerender html 5标签,但没有成功.. 访问这里: http://hellenic-jewls.com/ 然后尝试将鼠标悬停在另一个网页上,以便看到我的图像像窗帘一样逐步下载: 例如http://hellenic-jewls.com/classical/ 当网页被缓存时,就可以了。

1 个答案:

答案 0 :(得分:0)

HTML5 prerender / prefetch无法正常工作。您可以使用它们向浏览器提示您认为下一页将访问该页面,因此应该预先呈现。不能保证会发生这种情况......由浏览器决定是否要预呈现页面。

此外,任何时候都只会有一个页面被预呈现。

您可以做的是隐藏您的图像,然后使用像https://github.com/desandro/imagesloaded这样的脚本来指示何时加载图像,此时您可以显示图像(如果需要,可以使用淡入过渡)