0

我有一个网站，有时加载速度很快，但有时页面似乎在中途停止加载，可能是由于脚本。

该网站是http://www.pinspired.com - 右侧的标签式侧边栏是问题所在。我在标签中使用了一个简单的 jquery 选项卡插件和 twitter 和 facebook 脚本。

  1. 首先，您的页面加载速度是否很快？

  2. 如何找出哪个脚本正在停止页面加载的其余部分。很难测试，因为它只是偶尔发生。

提前致谢。

4

3 回答 3

3

我刚刚运行了开发工具，看起来 jquery.carousel 插件是最耗时的。

除此之外，我的感觉是您应该重新考虑使用 iframe 加载轮播。我知道一个页面上的多个 iframe 会减慢页面速度。考虑到您在该 iframe 中加载的内容的大小，它可能会解释延迟。您可能想对 iframe 进行一些研究，并考虑将 iframe 加载到 DOM 中的顺序。

于 2012-11-13T21:44:01.377 回答
1

您的网站在这里加载正常。

对于 Facebook“Like Box”，请考虑使用该iframe版本。

http://developers.facebook.com/docs/reference/plugins/like-box/

单击“获取代码”按钮后，选择“IFRAME”。这可能会解决您的问题。

于 2012-11-13T21:05:30.890 回答
1

我建议你看看 chrome 开发者工具。您可以查看加载每个资源需要多长时间（87 个请求只是为了加载登录页面 - 哇！），您可以分析脚本以查看是否需要很长时间/太长时间，您甚至可以进行审核并让它检查几个你可以优化的东西。

例如

  • 合并您从同一个域加载的 javascript
  • 将网络服务器设置为使用 gzip 发送压缩的脚本/html 文件
  • 许多资源被明确设置为不可缓存；例如所有产品图片和社交媒体图钉（防止它们被一遍又一遍地加载，并且会在第一页加载后加快速度）
  • 合并图像，如社交媒体图钉并使用 css sprites
  • 为每个站点提供不同/仅需要的 css 脚本；根据 chrome，首页上几乎没有使用 300kb 的 CSS 规则

您可以使用Chrome 开发人员工具找到所有这些内容。您只需要 Chromium/Google Chrome。

如果它真的是 facebook 脚本，你不能在加载 fb 插件之前添加一点延迟吗？就像加载其他所有内容（大部分）之后的 500 - 1000 毫秒左右一样。

编辑：张贴的答案drawcode是正确的。看起来 jquery.jcarousel 导致了延迟。看这里： 受压负载图

于 2012-11-13T21:16:51.563 回答