您现在的位置是:首页 > 新闻频道 > 国际新闻 >

如何使用Firefox性能工具测试站点响应性

2020-02-17 11:43:23

对于用户来说,Firefox是一个很棒的web浏览器。它也是开发人员最好的浏览器之一。为什么?因为这个开源应用程序包含了许多专门为开发人员设计的工具。这些工具包括页面检查器(用于检查和修改页面的HTML和CSS)、Web控制台(记录与Web页面相关的信息)和JavaScript调试器。

Web开发人员菜单中的另一个工具是性能工具,它使您能够深入了解站点的响应能力、JavaScript和布局性能。该工具还允许您随着时间的推移创建站点的记录或概要。一旦停止录制,您将看到在浏览器中呈现站点时发生的所有事情的概述。参见:实现DevOps: IT专业人员指南(免费PDF)(TechRepublic)

从这个概述中,您将获得一些急需的洞察力,以帮助改进您开发的网站的性能。

性能包括四个有用的子工具:

更新版本的Firefox

要测试的网站

我将在Pop上演示Firefox的夜间版本!_OS Linux。您使用的平台并不重要,只要您有一个包含性能工具的web浏览器版本即可。

您必须做的第一件事是启动性能工具。为此,打开Firefox并单击右上角的菜单按钮。单击Web开发人员|性能。这将在浏览器窗口的底部打开一个新窗格(图a)。

图一个

性能工具已经打开,可以开始记录了。

接下来,浏览到有问题的站点,然后单击“开始记录性能”按钮。一旦录制开始,在您正在测试的站点内采取行动。然后,性能工具将开始收集数据(图B)。

图B

性能缓冲区已经达到容量。

性能缓冲区将很快填满。一旦它被填满,它就会开始覆盖以前的数据,因此,如果您想要保留第一个记录的数据,就应该确保观察缓冲区百分比并在它达到100%之前停止记录。

一旦性能停止记录,它将显示所发现的内容。然后可以滚动每个记录并选择一个对象,该对象将打开右侧窗格中的详细信息(图C)。

图C

函数调用的详细信息。

您将在详细信息中看到一个链接(在上面的实例中,链接是os .js:1)。单击该链接以打开调试器,它将显示与您选择的对象相关联的代码(图D)。

图D

Firefox调试器显示与os .js:1相关的代码。

然后,您可以回到Performance选项卡,继续梳理记录的配置文件中的每个记录。单击调用树(图E)或火焰图,可以更深入地了解代码的性能。

图和

调用树视图正在运行。

如果您想保存此配置文件,请单击左边栏中的save。这将把配置文件作为JSON文件下载到本地驱动器。您可以通过单击左侧侧边栏中的Import按钮(直接在时钟右侧的图标)来查看保存的配置文件。打开保存的JSON文件,您可以浏览以前记录的配置文件。

Firefox性能工具是每个web开发人员都应该使用的一个工具,用于帮助排除站点性能不符合标准的故障。它易于使用,免费,并且为您的调试需求提供了足够多的信息。

您一定不想错过我们关于Linux操作系统和开源应用程序的提示、教程和评论。交付的星期二

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

热点推荐

点击排行

  • · 简便易行的设备可轻松转移大量物品

    简便易行的设备可轻松转移大量物品第三代奔驰威霆面包车。这使得它在商用车世界中变得像婴儿一样-诸如福特全顺和大众运输车之类的铭牌已经存在了数十年之久。但是您没有想到

  • · 交易:B&H推出混合LG Watch G7...

    交易:B&H推出混合LG Watch G7 售价190美元 折扣53%或210美元去年十月,LG Watch W7亮相。该设备被认为是混合智能手表,因为它结合了机械手和数字功能。例如,时计在Wear OS上运行,包括气压计,秒

  • · 斯巴鲁制造了一款名为e-Boxer的混...

    斯巴鲁制造了一款名为e-Boxer的混合动力XV型轿车这是全新的斯巴鲁XVe-Boxer-本质上是一个自我充电混合版本的品牌的粗糙‘n’翻滚交叉-如果你继续阅读后,这一点,我们高度赞扬你的承诺,你知道,汽车。 这并不是说XVe-Boxer将是一款

  • · 新的宝马M8将有三种外形

    新的宝马M8将有三种外形在一个似乎无法获得足够高性能汽车的世界里,还有更多的消息可以让马力的瘾君子远离戒毒所一段时间。因为宝马老板强烈暗示M8将有三种口味:coupe,gran coupe(上面以概念形式预览)

  • · 使用无线电源 在驾驶时为电动汽车充电

    使用无线电源 在驾驶时为电动汽车充电虽然电动汽车的采用通常被认为是绿色交通的重要一步,但许多司机对购买一辆可能在旅行结束前失去动力的车辆持谨慎态度。为了消除这种范围焦虑,斯坦福大学的一个团队设计了一个系统,

  • · 2020年马自达CX-9回顾 当时尚战胜功能

    2020年马自达CX-9回顾 当时尚战胜功能这可能是最好看的三排交叉今天出售。尽管这款马自达CX-9已经上市多年,但它仍然是一款好品味的典范,外观和外观都很漂亮。 研究马自达CX-9|在你身边寻找马自达CX-9 但是,当购买一辆