iFrame最佳实践

时间:2008-08-20 01:28:01

标签: html css iframe

对于我正在设计的网站,我有一个大型的高清JavaScript密集型图片横幅。每个人对使用iframe的看法是什么,这样你只能加载一次加载时间?是否有iframe的CSS替代方案?

随意preview the site

这是一项正在进行中的工作。

6 个答案:

答案 0 :(得分:1)

  

我还应该提到我希望横幅旋转继续前进。当访问者点击链接时,横幅旋转将重新开始。如果“动画”继续旋转,那将是很好的,无论用户访问的页面如何.Blockquote

那么,在这种情况下,我强烈建议不要这样做。实现这一目标的唯一真正方法是在iframe中包含实际的网站内容,这意味着您突然有很多负面的网站:由于地址栏没有变化,因此无法轻松为网址添加书签;无障碍问题;等

我想你会发现大多数人都不会在乎它会再次重装。一旦访问者登陆您的网站,他们会立即惊叹于精彩的横幅,然后在他们浏览您的网站时继续忽略它 - 直到他们没有看到的图像出现并分散他们远离您的内容。

保持旋转足够随机,并且有足够的图像,人们将停止从他们所在的任何页面查看它。

答案 1 :(得分:0)

我发现iFrame标头的主要挑战是调整大小。由于标题中的字体是静态大小,因此我认为使用iFrame时没有问题。虽然我不确定它是否真的足够值得它。

答案 2 :(得分:0)

嗯,浏览器似乎在第一次加载时缓存所有七个横幅图像,然后从缓存(对于每个后续页面)运行它们。我不认为你有问题:D

在Firefox中使用Firebug的Net监控工具进行试用。

答案 3 :(得分:0)

虽然使用IFrame作为页面的主页/模板可能是件好事,但IFrame对搜索/搜索引擎优化有着已知的负面影响。

首先也可能没有必要,因为一旦您的图像第一次加载(并且您的网站上有大量高清图像,那么无论什么你这么做)图像是由浏览器缓存的,在用户清除缓存或执行 Ctrl + F5 之前不会重新加载。

答案 4 :(得分:0)

这也可以在没有CSS的情况下使用,但是如果您使用CSS加载后台并且您的服务器配置正确,则图像应该只下载一次。

通常,浏览器只会在上次下载后没有修改资源时才会请求资源。在这种情况下,来回发送的唯一内容是HTTP标头,没有内容。

如果您想确保只下载一次图像,请添加.htacces或apache2.conf规则,以使图像在未来几天过期,以便用户只有在清除缓存时才会再次请求它或内容到期日期过去了。 .htaccess文件可能太过分,无法在您的情况下使用,但结果可能会有所不同。

答案 5 :(得分:0)

您可以让它加载主页一次,然后在需要时异步加载其他元素(ajax)。如果您这样做,则不需要iFrame。 Here is an example of loading only the new material