网站加载时间改进答案

【问题标题】：Site loading time improvement网站加载时间改进
【发布时间】：2011-07-18 10:09:18
【问题描述】：

今天我正在检查网站的加载时间。我在 firebug 中使用 net panle 来查看哪个资源需要多少时间。

我已经附上了结果的spanshot。

在这个快照中，我对我标记的最后三个资源有点困惑。

我的问题是为什么它在等待很长时间后才开始加载？这些资源只需几秒钟即可加载，但会在很长的延迟后启动。

有什么原因吗？

【问题讨论】：

这些文件是由javascript加载的吗？可能是在诸如 window.load 之类的事件上触发的东西？
确保你 Ctrl + F5 绕过浏览器的内部缓存。
@mark: 也完成了，你想看看绕过缓存的屏幕截图吗？
@Avinash：对我来说看起来像字体文件（但不是我以前见过的任何东西）。什么加载它们？诸如<link href='cabin-regular-webfont.woff' rel='idk'> 之类的标记或脚本？
@salman：这些是字体 webkit 文件。即：字体的 Webkit 文件。

【解决方案1】：

加载时间仍然很短......差距是他们被加载的时间......即可能是DNS或其他东西的轻微放缓。有没有加载多次，都是一样的吗？

【讨论】：

【解决方案2】：

删除缓存，看看它是否仍然发生在：200 OK！

【讨论】：

【解决方案3】：

没有看到实际页面就不可能说出原因。但大多数 URL 是由计时器对象触发的（查看此处的页面 - 一旦您开始撰写答案，它将开始触发保存草稿的请求）。

另一个原因可能是浏览器正忙于运行 javascript 来加载这些 URL。

顺便说一句，有了所有这些 304 响应，无论如何，您的网站性能肯定非常糟糕。

PS，下次发帖时请脱掉手套。

【讨论】：

【解决方案4】：

试试页面速度标签。查看是否有任何 javascript 块需要一些时间来执行，从而导致页面加载中断。

是否有 Flash 加载？

有视频吗？

除了 html、css、javascript 和小图像之外的任何东西？

【讨论】：

【解决方案5】：

firebug 上的红线表示“加载”事件（不是 DOM 加载事件！）。因此，一些请求是在页面加载后发出的。看看你的脚本，可能是所有东西都加载完之后才加载的。

【讨论】：