Performance-Analyser插件,前端开发必备网页性能分析工具

annayy Chrome插件资讯344阅读模式

Performance-Analyser插件简介

Performance-Analyser 插件是一款前端开发必备的网页性能分析功能工具,该插件能够轻松在 Chrome 浏览器中分析网页加载性能,包括了 HTTP 请求、执行期的时间、以及每种 http 请求文件的大小占比,非常便捷好用。

Performance-Analyser 插件开发背景

说到网站性能,相信很多人都知道,其实就是网站访问速度的快慢。那么,如何才能对网页加载性能进行分析呢?如此一来,势必离不开一款趁手好用的网页性能分析功能工具。今天小编就为大家推荐一款,那还是这款前端开发必备的Performance-Analyser 插件了。

Performance-Analyser 插件功能介绍

作为 Chrome 浏览器中前端开发必备的网页性能分析功能工具,Performance-Analyser 插件支持对浏览器任意网站加载性能进行分析,包括 http 请求,执行期的时间,以及每种 http 请求文件的大小,占比,有效帮助用户深入了解,有点像 WebPageTest 的迷你实时版本。

Performance-Analyser插件,前端开发必备网页性能分析工具

Performance-Analyser 插件使用方法

一、安装插件

如果有条件,可以直接在谷歌 Chrome 商店下载安装。如果无法访问 Chrome 商店,请在Chrome扩展网下载Performance-Analyser 插件的安装包,解压后将 crx 文件安装到你的谷歌浏览器上。

二、使用方法

Performance-Analyser 插件安装完成以后,可直接使用。在 Chrome 浏览器任意网页点击浏览器上方工具栏中的插件图标,将自动通过资源、导航和用户计时 API 帮助即时分析当前页面,并会快速跳转至分析结果显示页面。

通过这款性能分析器,用户还可按类型、域、加载时间、标记等查看请求,直接使用鼠标滑动可查看更多详细分析。用户可以通过利用 Performance-Analyser 插件分析界面资源加载的整体情况,并尝试做一些优化和调整。

Performance-Analyser 插件描述:

应用大小:26.12 KiB
版本:v 1.7.2
用户量:200000
下载次数:30000
更新时间:2021-12-21
评分:4.5

Performance-Analyser 插件下载:

关注“Chrome扩展网”公众号,输入“插件”根据提示,即可下载最新安装文件。

Performance-Analyser 插件安装流程:

(1)将下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件

(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面

(3) 打开扩展程序页面的“开发者模式”

(4) 将crx文件拖拽到扩展程序页面,完成安装

本站文章均为原创,版权归本站所有,如需转载或引用请注明出处

weinxin
我的微信
“Chrome扩展网”微信公众号
微信扫码关注公众号,回复“验证码”获取插件
annayy
  • 本文由 发表于 2023年3月25日 23:21:40
  • 转载请务必保留本文链接:https://www.chromekz.com/news/2738.html
  • Performance-Analyser
  • Performance-Analyser 插件
  • 网页性能分析功能工具