5

我正在开发一个网站，在刷新页面时我遇到了很多加载不一致的问题。点击链接按预期工作；那里没有问题。该问题仅在刷新页面时出现。您会注意到加载需要很长时间，并且在某些情况下根本拒绝加载。

http://annualreview.com.au/caltex/2012/

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

任何有关此事的帮助将不胜感激。我没主意了。

谢谢。

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

4

3 回答 3

1

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

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

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

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

于 2013-04-15T17:28:33.833 回答
1

查看 Firebug，尝试加载图像存在巨大延迟。在加载前一个图像之前，每个图像都会阻塞 - 尝试刷新页面几次，图像每次都需要 1 到 11 秒。

Firebug 结果图片： https://s17.postimg.org/i3jtmbz1r/firebug_results.jpg

我对图像优化不是很了解，但是在快速搜索之后，发现了几种可以尝试优化加载时间的方法：

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

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

于 2013-04-22T02:55:44.477 回答