Html iFrame最佳实践

我为我正在设计的网站提供了一个大型、高清JavaScript密集型图像横幅。每个人对使用iFrame以便只占用一次加载时间的看法是什么？iframe是否有CSS替代方案

请随意

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

---

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

好吧，浏览器似乎在第一次加载时缓存了所有七个横幅图像，然后从缓存中运行它们（对于随后的每个页面）。我认为你没有问题：D

---

在Firefox中试用Firebug的网络监控工具。

虽然使用IFrames作为页面的母版页/模板可能是一件好事，但IFrames对搜索能力/搜索引擎优化有着众所周知的负面影响

---

首先，它也可能是不必要的，因为一旦您的图像第一次被加载（并且对于您站点上的大型高清图像，无论您做什么都会很慢）图像由浏览器缓存，在用户清除缓存或按Ctrl+F5组合键之前不会重新加载。

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

通常，浏览器会通过请求资源来请求资源，前提是自上次下载资源后，该资源未被修改。在本例中，来回发送的唯一内容是HTTP头，而不是内容

如果要确保映像只下载一次，请添加.htacces或apache2.conf规则，使映像在未来几天内过期，以便用户仅在缓存被清除或内容过期时再次请求映像。htaccess文件可能太多，无法在您的案例中使用，尽管结果可能会有所不同

我还应该提到，我希望横幅旋转继续移动。当访问者单击链接时，横幅旋转将重新开始。如果“动画”保持旋转，不管用户访问的页面是什么，那就太好了

那么，如果是那样的话，我强烈建议不要这样做。实现这一点的唯一真正方法是将实际的网站内容放在iframe中，这意味着你突然发现网站有很多负面影响：由于地址栏没有改变，无法轻松地为URL添加书签；无障碍问题；等

我想你会发现大多数人不会在意它再次加载。一旦访问者登陆你的网站，他们会立即惊叹于这条精彩的横幅，然后在浏览你的网站时会继续忽略它——直到他们没有看到的图像出现，并分散他们对你的内容的注意力

---

保持旋转足够随机，并且有足够多的图像，人们就会停下来从他们所在的任何页面上查看它。

您可以让它加载一次主页，然后在需要时异步加载其他元素（ajax）。如果这样做，则不需要iFrame

复活死者？你想得到一个徽章，瓦莱里？马丁：只是美化帖子。我不知道有一个“美化帖子”徽章：-D。阅读最近的问题，然后发现它们实际上已经有岁了，这有点令人恼火@ValeryViktorovskyHm，这很有趣，这个问题出现在哪里？第页上只输出最新的问题。你能发送链接吗？