Core Web Vitals: How To Audit & Tools To Measure Core Web Vitals

What Is Core Web Vitals?

Well Talking About The Core Web Vitals, These Are The Standardized Speed Metrics Which Is The Most Important And Necessary Part From Google Which Helps The Developers To Understand That How User Mostly Experiences A Web Page. The Core Web Vitals Are Usually Made For The Developers And SEO Experts.

The Tools Provided There Are Accessible For All The Site Owners To Break Down The User’s Real-World Experience On The Web Page Only. The Core Web Vitals Also Helps You To Show That How Your Page Is Performing In The Last Few Days.

After Viewing The Results, You Can Also Develop Your Page To Perform Better Than The Previous Track Record. Being Released By Google, You Have More Ensured Getting More Advanced Updates To Help Your Site Get New And Fresh.

Why Are Core Web Vitals Important?

?Core Web Vitals Are Most Important Because They Mainly Focus On The Different Types Of Users. It Highlights The Aspects Of The Web Page So You Can Develop Your Page To Increase The User Experience, Which Is Generally Known As UX.

Having A Better User Experience Of Your Web Page, The Users Will Prefer To Visit Your Website To Gather Different Types Of Information As You Needed. The Core Web Vitals Also Observe The User Type By Their Search Preferences And Are Most Interested. You Can Easily Get Some Of The Valuable Reports.

With The Help Of The Provided Report, You Can Easily Take Some Of The Most Necessary Steps, Which Will Help You Develop Your Site According To The Taste Of Different Types Of Users So That The Users Have A Better Experience In Your Website.

Pillars Of Core Web Vitals-

?Taking About The Pillars, The Core Web Vitals Are Made Up Of The Following 3 Specific Components.

• LCP-?Largest Contentful Paint, Also Known As LCP, Is One Of The Most Important Components For The Core Web Vitals. There Are Users –Centric Metric Components That Are Present Which Are Used For Measuring Perceived Load Speed.

Google Has Very Specific LCP Guidelines:

• A Good Score Is 0-2 S Loading Time
• Needs Improvement Is 2-4 S Loading Time
• A Poor Score Is More Than 4 S Loading Time

Usually, It Helps In Marking The Points During The Page Load Time. As A Result, The Faster The LCP, The Faster The User Gets Assured That Coming To Your Website Was Worth It.

• CLS-?Cumulative Layout Shift, Which Is Popularly Known As CLS, Is Generally Used To Check How Your Web Page Elements Move Around Or, In Simple Words, How Stable Your Page Layout Is. The User Doesn’t Prefer The Sites With A Ton Of Bugs In The Page Layout.

,?There Are Specific Guidelines By Google For A Perfect FID Score:

• Good Score <100 Ms
• Needs Improvement 100-300 Ms
• Poor Score >300 Ms

The User Instantly Decreases The Interest In The Particular Web Page And Never Visits Again. The Users Get Frustrated When They Click One Thing And Get Placed On Some Other Web Page Where They Never Intended To Visit.

• FID-?First Input Delay, Commonly Known As FID, Is When The User Tries To Connect With Your Page Until Your Page Responds Towards The User. The Users Get The Most Frustrated On This Because They Try To Click On The Link Of The Webpage, And The Webpage Doesn’t Respond For Quite A Long Time.

The Specific Criteria By Google For This Core Web Vital Is:

• Good Score >0.1
• Needs Improvement 0.1-0.25
• Poor Score >0.25

It Makes The User Frustrated, And They Gradually Lose Interest In Your Site. If Your Page Responds Under 100 Milliseconds After The User’s Click, Your Page Is Doing Very Well And Doesn’t Need Any Improvement. If Your Page Takes More Than 300 Milliseconds, Then Your Web Page’s Condition Is Very Bad, And You Need To Develop Or Improve Your Page As Fast As Possible.

How Are Core Web Vitals Measured?

?Generally, For Measuring The Core Web Vitals, There Are Various Amounts Of Tools Present That Can Help You To Measuring Them. You Can Easily Measure The Field Data And The Lab Data By Using The Tools That Are Being Provided.

If You Think That What Field Data Is, Let Me Explain That Data Usually Finds The Real Users, Different Types Of Network Conditions, Different Types Of Devices, And Whatnot. With The Help Of LCP, FID, CLS, The Field Data Can Measure The Chrome User Experience Method, Page Loading Speed Insights, Google Search Console, Which Is Also Known As The Core Web Vitals Report, Java Scripts, And Many Other Things.

You Can Also Measure The Lab Data Like Chrome Dev Tools, Lighthouse, Webpage Test, Page Speed Insights, And Web Dev With The Help Of LCP And CLS But Not With The Help Of FID; For That, You Have To Use TBT.

Tools To Measure Core Web Vitals

Core Web Vitals Can Now Be Measured Using:

• Search Console
• PageSpeed Insights
• Lighthouse
• Chrome DevTools
• Chrome UX Report
• Web Vitals Extension

Search Console

When You Log In To Google Search Console, Google Will Show You Notice About This New Report:

This Is What The Report Looks Like; Yes, It Looks Pretty Similar To The Speed Version. Google Has Not Announced What Has Changed Exactly With This Report, But It Does Show Different Metrics. Here Is What It Looks Like Now:

PageSpeed Insights

The Page Speed Insight Tool Will Provide Three Performance Metrics:

1. Field – Any Available Data From The CRUX Report For The URL.
2. Origin Summary – The Aggregated Field Data For All Of Your Website Pages.
3. Lab – Test Results From A Google Server That Has Applied Network Throttling.

Lighthouse

Lighthouse Was Recently Upgraded To A New Version 6.0, Which Includes Additional Audits, New Metrics, And A Newly Composed Performance. Score.

Two Matrics?

• Largest Contentful Paint (LCP)
• Cumulative Layout Shift (CLS).
• Total Blocking Time (TBT)
• Chrome UX Report

The Chrome UX Report Measures Field Versions Of All The Core Web Vitals, Which Means It Reports On Real-World Data Rather Than Lab Data.

Using Google Tag Manager To Push Web-Vitals Events To Universal Analytics

1. Custom HTML Tag?That Uses A Script To Push Web-Vitals Events Into The Data Layer. The Script In The Custom HTML Tag Is?A Modified Version From Github?Created To Manage Web Vitals APIs.
2. Custom Event Trigger?Based On The Event Created From The Tag Above.
3. Four Data Layer Variables?Match The Values Created By The Custom HTML Tag.
4. Universal Google Analytics Tag?Using The Created Variables And Triggers.

How Do You See The Average LCP Per Page In Google Analytics?

Because We Set These Up As Events, You’ll Find Them In Behavior > Events. In The Events Overview Report, You’ll See The Web Vitals Event Category. Click Into That Category To See Only Web Vitals Events.

Next, Click The Event Action Dimension Above The Table. Each Event Action Will Correspond To A Specific Web Vital.

To Evaluate A Metric Such As Largest Contentful Paint (LCP), Click Into LCP From The Event Action Report. It Will Show A Table Of Event Labels. The Label In This Report Is The Web-Vital Event ID. By Itself, This Report Isn’t Useful Because It Doesn’t Display The Page The LCP Value Is For.

How Do You See The Average LCP Per Page In Google Analytics?

A More Helpful Way To View The Data Is In Behavior > Events > Pages. This Report Shows A Breakdown Of Events By Page With Total Events, Event Value, And Average Value. Add A Secondary Dimension And Filter To Display Only The Web Vital You Want To Analyze:

1. Add A Secondary Dimension To This Report For Event Action
2. Add An Advanced Filter For The Web Vital You’d Like To See, Ex:?Include > Event Action > Equals > LCP
3. Voila!

The Table Should Now Show LCP By Page. The Metric To Pay Attention To Is Avg. Value, Which Is The Total Value Divided By The Number Of Unique Events. This Value Translates To Milliseconds. According To Google, Under 2500ms Is Good, 2500 – 4000ms Is Fair, And 4000ms+ Is Bad.

Conclusion

?The Core Web Vitals Show You The Actual Report Of How Your Site Is Performing Throughout The Period. With The Help Of The User Data, You Can Take The Necessary Steps To Improve Your Site And Webpage Layouts And Loading Time.

The Users Generally Want A Faster Response And Have An Accurate Result As Per Their Search. You Can Improve Your Core Web Vitals So That The Users Can Have A Better User Experience.