Web Vitals Tester란 무엇입니까?

Web Vitals Tester은(는) https://seochecker.it에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "Analyze Web Vitals score and diagnostic"입니다.

확장 프로그램 스크린샷

Web Vitals Tester 확장 프로그램 CRX 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

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
공식 URL	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'" }