Web Vitals Tester
Analyze Web Vitals score and diagnostic
什麼是Web Vitals Tester？
Web Vitals Tester是由https://seochecker.it開發的Chrome擴展程式，該擴展的主要功能是“Analyze Web Vitals score and diagnostic”。
擴展截圖
下載Web Vitals Tester擴展crx文件
下載Web Vitals Tester擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
Analyze Web Vitals score and metrics.
Check the performance of web site:
- Largest Contentful Paint (LCP);
- First Input Delay (FID);
- Cumulative Layout Shift (CLS).
Web Vitals is a recent Google initiative to provide unified guidelines for measuring essential quality elements to deliver an exceptional user experience on websites.
Google's Web Vitals initiative aims to simplify the landscape and help web developers focus on the metrics that matter most, the Core Web Vitals.
With Web Vitals, Google is specifying a set of 3 distinct performance metrics to make up their "Core Web Vitals" that they use to make a judgement on whether or not your website has a good user experience. Google is also specifying a few leading indicator metrics in the Web Vitals specification that are not classified as "core."
Google has been promoting the importance of website speed since their inception, so no surprise here. However, this is the first time they explicitly identify the specific performance metrics that are used to drive their search rankings.
The Core Web Vitals focus on three simple UX characteristics of a page:
1 - Loading Times
2 - Interactivity (i.e page responsiveness)
3 - Visual Page Stability
The math behind the metrics can get tricky, but an understanding of what they're trying to accomplish may help simplify things.
The Core Web Vitals metrics are as follows:
- Largest Contentful Paint (LCP)
- First Input Delay (FID) / Total Blocking Time (TBT)
- Cumulative Layout Shift (CLS)
These Core Web Vitals are outcome metrics and a combination of other metrics may be used to act as leading indicators to predict user experience given a change.
Largest Contentful Paint (LCP): measures loading performance. To provide a good user experience, LCP should occur within 2.5 seconds of when the page first starts loading.
First Input Delay (FID): measures interactivity. To provide a good user experience, pages should have a FID of less than 100 milliseconds.
Cumulative Layout Shift (CLS): measures visual stability. To provide a good user experience, pages should maintain a CLS of less than 0.1.
Find out more:
- https://www.seochecker.it/
- https://www.seochecker.it/web-vitals-tester 擴展基本資訊
| 名稱 |  Web Vitals Tester |
| ID | ifabcmgidbefjaahoobpomamcohgpeem |
| 官方網址 | https://chromewebstore.google.com/detail/web-vitals-tester/ifabcmgidbefjaahoobpomamcohgpeem |
| 簡介 | Analyze Web Vitals score and diagnostic |
| 檔案大小 | 1.07 MB |
| 安裝次數 | 1,497 |
| 目前版本 | 0.2.0 |
| 更新時間 | 2022-01-18 |
| 上架時間 | 2022-01-18 |
| 評分 | 5.00/5 共 1 次評分 |
| 開發者 | https://seochecker.it |
| 電子郵箱 | [email protected] |
| 付費類型 | free |
| 擴展官網 | https://www.seochecker.it/web-vitals-tester |
| 說明頁面URL | https://www.seochecker.it/report-bug |
| 隱私政策頁面URL | https://www.dunp.it/policy |
| 支援的語言 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "Web Vitals Tester",
"version": "0.2.0",
"manifest_version": 2,
"description": "Analyze Web Vitals score and diagnostic",
"homepage_url": "https:\/\/www.seochecker.it\/web-vitals-tester",
"icons": {
"128": "icons\/vitals128w.png",
"256": "icons\/vitals256w.png",
"512": "icons\/vitals512w.png"
},
"browser_action": {
"default_icon": "icons\/default256w.png",
"default_title": "Web Vitals",
"default_popup": "src\/browser_action\/popup.html"
},
"options_page": "src\/options\/options.html",
"permissions": [
"tabs",
"storage",
"activeTab",
"http:\/\/localhost\/",
"http:\/\/*\/*",
"https:\/\/*\/*",
"https:\/\/www.googleapis.com\/pagespeedonline\/v5\/runPagespeed?*"
],
"web_accessible_resources": [
"src\/browser_action\/viewer.css",
"\/node_modules\/web-vitals\/dist\/web-vitals.es5.min.js"
],
"content_scripts": [
{
"matches": [
"https:\/\/*\/*",
"http:\/\/*\/*"
],
"css": [
"src\/browser_action\/viewer.css"
],
"js": [
"src\/browser_action\/lodash-debounce-custom.js"
]
}
],
"background": {
"scripts": [
"src\/bg\/background.js"
],
"persistent": false
},
"content_security_policy": "script-src 'self' https:\/\/www.googleapis.com; object-src 'self'"
} | |
