寻找站点性能问题的Web开发人员应在Firefox Web开发人员工具包中使用此工具，那么如何使用Firefox性能工具测试网站性能？下面讲一一介绍。
Firefox是用户的绝佳网络浏览器。它也是开发人员最好的浏览器之一。为什么？因为开源应用程序包含许多专门为开发人员设计的工具。这些工具包括Page Inspector（用于检查和修改页面的HTML和CSS），Web Console（用于记录与网页关联的信息）和JavaScript Debugger。
Firefox
“ Web开发人员”菜单中的另一个工具是“性能”工具，它使您能够深入了解站点的响应能力，JavaScript和布局性能。该工具还允许您随时间创建网站的记录或配置文件。停止录制后，将向您提供浏览器中呈现网站的所有操作的概述。
性能带有四个将要使用的子工具：
瀑布： 显示浏览器在您使用被测试网站时执行的不同操作。调用树： 显示JavaScript函数。火焰图： 显示JavaScript调用堆栈。分配视图： 显示您的代码进行的堆分配。如何启动Firefox性能工具
您必须做的第一件事是启动性能工具。为此，请打开Firefox，然后单击右上角的菜单按钮。单击Web开发人员| 性能。这将在浏览器窗口的底部打开一个新窗格。
接下来，浏览到相关站点，然后单击“开始录制性能”按钮。录制开始后，请在要测试的站点内采取措施。然后，性能工具将开始收集数据。
性能缓冲区将很快填满。一旦填满，它将开始覆盖较早的数据，因此应确定是否要保留第一个数据，以观察缓冲区百分比并在达到100％之前停止记录。
Performance停止录制后，它将显示发现的内容。然后，您可以滚动浏览每条记录并选择一个对象，这将在右窗格中打开详细信息（图C）。
图C
您将在详细信息内看到一个链接（在上面的实例中，该链接为osd.js：1）。单击该链接以打开调试器，该调试器将显示与所选对象关联的代码（图D）。
图D
然后，您可以返回到“性能”选项卡，以继续梳理已记录配置文件中的每条记录。单击“调用树”（图E）或“火焰图”，以进一步了解代码的性能。
图E
如果要保存此配置文件，请单击左侧边栏中的“保存”。这会将配置文件作为JSON文件下载到本地驱动器。您可以通过单击左侧边栏中的导入按钮（时钟右侧的图标）来查看保存的配置文件。打开保存的JSON文件，您可以浏览以前记录的配置文件。
Firefox
Firefox Performance Tool是每个Web开发人员都应使用的工具，可以帮助您解决网站未达到您的标准的原因。它易于使用，免费，并且为您的调试需求提供了足够多的信息。
