Core Web Vitals Visualizer
Visualize the Core Web Vitals of any webpage
Core Web Vitals Visualizerとは何ですか？
Core Web Vitals VisualizerはMarketingTracerによって開発されたChromeの拡張機能で、その主な機能は「Visualize the Core Web Vitals of any webpage」です。
拡張機能のスクリーンショット
Core Web Vitals Visualizer拡張機能のCRXファイルをダウンロード
Core Web Vitals Visualizer拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。
拡張機能の使用方法
RUM Visualizer visualizes the Core Web Vitals for any webpage.
This extension will visualize the Core Web Vitals for any webpage. It includes the Largest Contentful Paint (LCP), First Input Delay (FID), Cumulative layout Shift (CLS), First Contentful Paint (FCP), Interaction to Next Paint (INP) and the Time To First Byte (TTFB). Get direct access to the Core Web Vitals historical data!
Features:
LCP
- Get LCP RUM values
- Visualize the LCP.
- Break down the LCP into Time to first byte, Resource load delay, Resource load time and Element render delay
FID
- Get FID RUM values
- Visualize the FID.
- FID breakdown
CLS
- Get CLS RUM values
- Show CLS breakdown
- Visualize the CLS
- Animate the CLS.
FCP
- Get FCP RUM values
- break down the FCP
INP
- Get INP RUM values
- Visualize the INP.
- INP breakdown
TTFB
- get TTFB RUM values
- breakdown the TTFB
Easy debugging:
- Emulate slow network conditions (3g).
- Enable or disable Caching for the current page.
changes:
1.2 added lots of LCP information like preloading, fetchpriority, rendering breakdown, first or third party etc.
1.4 left side menu, more information about render blocking resources and direct links to PSI, CrUX dashboard and W3C.
1.5 code improvements, layout improvements, added page experiments (defer javascript, disable javascript, disable third party scripts, lazy load images, defer background images & disable webfonts)
1.6 Better INP Breakdown, minor code improvements.
1.7 Log Events, Long Tasks and Long Animation Frames to the console that happen during and might interfere with the INP
1.8 Better metric updates, better logging, minor improvements
1.9 CrUX history API, small fixes, more CLS info 拡張機能の基本情報
| 名前 |  Core Web Vitals Visualizer |
| ID | mcffmgagphgpgkdclllnilokablhjcge |
| 公式URL | https://chromewebstore.google.com/detail/core-web-vitals-visualize/mcffmgagphgpgkdclllnilokablhjcge |
| 説明 | Visualize the Core Web Vitals of any webpage |
| ファイルサイズ | 2.39 MB |
| インストール数 | 3,437 |
| 現在のバージョン | 1.9 |
| 最終更新日 | 2024-01-31 |
| 公開日 | 2022-10-29 |
| 評価 | 5.00/5 合計 9 レビュー |
| 開発者 | MarketingTracer |
| Eメール | [email protected] |
| 支払い方法 | free |
| 拡張機能のウェブサイト | https://www.marketingtracer.com |
| ヘルプページのURL | https://www.marketingtracer.com/contact |
| プライバシーポリシーページのURL | https://www.marketingtracer.com/privacy |
| 対応言語 | en |
| manifest.json | |
{
"action": {
"default_popup": "popup.html"
},
"content_security_policy": {
"extension_pages": "script-src 'self'; object-src 'self'"
},
"description": "Visualize the Core Web Vitals of any webpage",
"icons": {
"144": "icons\/rum144.png",
"16": "icons\/rum16.png",
"48": "icons\/rum48.png"
},
"manifest_version": 3,
"name": "Core Web Vitals Visualizer",
"permissions": [
"debugger"
],
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"version": "1.9",
"content_scripts": [
{
"matches": [
"https:\/\/*\/*",
"http:\/\/*\/*"
],
"run_at": "document_start",
"js": [
"js\/content.js"
]
}
]
} | |
