https://github.com/lecepin/crx-page-status

Chrome extension, used to get the health status of the page and display it in the toolbar.
https://github.com/lecepin/crx-page-status

chrome-extension pagespeed-insights pagestatus

Last synced: 4 days ago
JSON representation

Chrome extension, used to get the health status of the page and display it in the toolbar.

• Host: GitHub
• URL: https://github.com/lecepin/crx-page-status
• Owner: lecepin
• Created: 2021-08-27T03:42:02.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-05-11T06:32:26.000Z (over 2 years ago)
• Last Synced: 2024-04-16T05:14:35.026Z (7 months ago)
• Topics: chrome-extension, pagespeed-insights, pagestatus
• Language: JavaScript
• Homepage:
• Size: 144 KB
• Stars: 5
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#  Page Status

Chrome 浏览器插件。会对页面性能健康状况进行监测，包括：

- ⏱️ 页面加载时间

- 🚂 加载资源数量

- 🐘 大资源数量

- 🐢 慢资源数量

- 📺 平均帧率

页面加载完成后，会自动将页面的加载实现显示在浏览器的工具条中，背景色根据加载时间的快慢 使用“红”“黄”“绿”来标注。**实时反映**页面健康状况。



## 1. 功能

下面对详细的功能进行介绍。

### 1.1 页面加载时间

页面加载时间 表示的是页面触发 `onload` 的时间，会同步到浏览器的工具条中，点击插件图标会显示更详细的页面加载信息，如下图所示：



### 1.2 加载资源数量

页面加载过程中，所有资源的请求都会在这一项中体现出来。这里会按照请求的时间次序进行排列，超过 1S 的资源进行加红标注，直接从缓存读取的会用浅颜色和删除线标注，如下图所示：



### 1.3 大资源数量

页面加载过程中，默认超过 1MB 的资源会被定义为大资源。如下图所示：



### 1.4 慢资源数量

页面加载过程中，默认超过 500ms 的资源会被定义为慢资源。如下图所示：



### 1.5 平均帧率

会计算页面加载过过程中的平均帧率，如下图所示：



### 1.6 页面消息通知

默认开启，对超标的项目进行页面内通知的功能，如下图所示：



## 2. 配置

插件中所有参数都是可以进行配置的，可以点击扩展图标右下角的`小齿轮`按钮进入配置页面，也可以在扩展图标右键选择`选项`进入。

整个配置界面如下图所示：