阅读时间在Firebug Net选项卡中报告

Question

从Firebug的网络标签中查看此屏幕截图：

http://www.scdi.org/~avernet/try/firefox-times.png

我知道：

• 1到2之间的时间是我的应用生成HTML以及数据进入浏览器所用的时间。
• 3到4之间的时间是我在DOMContentLoaded上运行的JavaScript初始化代码所用的时间。

但是2到3之间的时间呢？那是Firefox用来“渲染”页面的时间吗？在这种情况下，它非常重要（约1.5秒）。如何优化那部分？

Answer 1

2-3之间的时间是浏览器解析并呈现在1-2之间下载的文件的内容。这包括所有HTML以及可能存在的任何内联CSS或javascript。缩短这个的最简单的方法是1）发送少量数据供浏览器解析2）确保你的HTML / CSS验证并且3）注意非常慢的CSS规则/表达式。

一般来说，大多数人并没有关注浏览器完全呈现页面所需的时间，而是关注它在客户端开始呈现的速度。通常称为渐进式渲染，它允许浏览器在整个页面渲染之前开始显示页面的一部分。不会发生这种情况的最常见原因之一是将页面内容放在一个阻止浏览器呈现的位置，直到它被完全解析为止。 This post有一些关于如何做到这一点的正确提示。您可能希望查看YSlow Firefox扩展程序，它可以为您提供有关如何加快网站速度的一些不错的提示。