Question

我正在开发一个网站，我在刷新页面时遇到了很多不一致的问题。单击链接按预期运行;那里没有问题。只有刷新页面时才会出现此问题。你会注意到加载需要永远，并且在某些情况下，根本不会加载。

该网站是使用WordPress 3.5.1（http://wordpress.org）和Foundation 3.2.5（http://foundation.zurb.com/）构建的。

对此事项的任何帮助将不胜感激。我没有想法。

感谢。

更新：这可能与IE无关。这个问题似乎也存在于其他浏览器中。

Answer 1

听起来在respond.js中引入了基于时间的问题。它可能具有直接在js文件中内联的javascript代码，并且不包含在诸如document.ready之类的事件中。这会导致它在页面加载时立即执行并读取js，并且可能导致页面加载行为不一致，具体取决于事情发生的速度或速度。

如果是这种情况，快速解决方法可能是将respond.js文件的全部内容包装在文档就绪事件处理程序中，以便在所有内容完成加载之后代码不会执行。

$(document).ready(function(){
    //respond.js contents here..
});

话虽如此，我会检查IE或Chrome开发人员工具控制台，看看是否发生了任何js错误。如果仍然没有运气，我会重新跟踪页面加载逻辑，以尝试确定可能存在时序相关问题的位置并从那里开始。您可以在代码中添加console.log条目，以帮助您在运行时跟踪它并确定流程。日志条目可以明确问题的来源。

Answer 2

看看Firebug，试图加载图像有很大的延迟。每个图像都会阻塞，直到上一个图像被加载为止 - 尝试刷新页面几次，每次图像都需要1到11秒。

我对图像优化知之甚少，但经过快速搜索后，找到了几种可以尝试优化加载时间的方法：

CSS Sprites - 这对于您查看图像的尺寸不太可能有用，并且可能很难实现图像淡入淡出，但值得一提的是，可以在网站的其他地方实现。
您可以尝试的另一件事是使用其他图片托管网站，例如Flickr或Amazon S3。浏览器往往只允许您同时拥有2个连接到同一服务器（所有图像都在同一台服务器上，您获得了较长的阻塞时间），但允许同时连接到8个不同的服务器，因此使用第三个派对网站可能会缩短您的加载时间。

Answer 3

我用以下脚本替换了Respond.js，问题解决了。 http://code.google.com/p/css3-mediaqueries-js