我正在设计的网站上有一个大型的，高清晰度的JavaScript密集型图像横幅。每个人对使用iframe的看法是什么，以使我们仅产生一次加载时间？ iframe是否有CSS替代品？

随时预览该网站。

这项工作仍在进行中。

解决方案

回答

我发现iFrame标头的主要挑战是调整大小。由于标题中的字体为静态大小，因此使用iFrame不会出现问题。尽管我不确定它是否真的足够值得一试。

回答

好吧，浏览器似乎在第一次加载时就缓存了所有七个横幅图像，然后从缓存(对于每个后续页面)中耗尽它们。我认为我们没有问题：D

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

回答

虽然将IFrames用作页面的母版页/模板可能是一件好事，但IFrames会对可搜索性/ SEO产生负面影响。

首先也可能没有必要，因为一旦图像首次加载(并且站点上拥有大尺寸的高清图像，无论我们做什么，这都会很慢)，这些图像将被浏览器缓存。除非用户清除了缓存或者执行了Ctrl + F5，否则不会重新加载。

回答

这也可能在没有CSS的情况下也可以使用，但是如果我们使用CSS加载背景并且服务器配置正确，则该图像应该只下载一次。

通常，浏览器仅在自上次下载以来未对其进行修改的情况下才通过请求资源来进行请求。在这种情况下，来回发送的唯一内容是HTTP标头，没有内容。

如果要确保仅下载映像一次，请添加.htacces或者apache2.conf规则，以使映像在未来几天内过期，以便用户仅在清除了缓存或者内容过期后才再次请求该映像。日期过去了。 .htaccess文件可能过多，无法使用，尽管结果可能会有所不同。

回答

I should also have mentioned that I would like the banner rotation to keep moving. When the visitor clicks on a link, the banner rotation starts over. It would be nice if the "animation" kept rotating, regardless of the page the user visits.Blockquote

好吧，在这种情况下，我强烈建议我们不要这样做。唯一真正的实现方法是在iframe中包含实际的网站内容，这意味着我们突然对该网站有很多负面影响：由于地址栏未更改，因此无法轻松为网址添加书签；可达性问题；等等

我认为我们会发现大多数人都不会在乎它是否会重新加载。访问者登陆网站后，将立即惊叹于精美的横幅，然后在浏览网站时将继续忽略它，直到未看到的图像出现并使他们从内容中分散出来。

保持旋转足够随机，并具有足够的图像，人们将停止从其在任何页面上对其进行查看。

回答

我们可以让它加载一次主页，然后在需要时异步加载其他元素(ajax)。如果这样做，则不需要iFrame。这是仅加载新材料的示例。