𝗛𝗼𝘄 𝘁𝗼 𝗔𝘂𝗱𝗶𝘁 𝗬𝗼𝘂𝗿 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗖𝗼𝗿𝗲 𝗪𝗲𝗯 𝗩𝗶𝘁𝗮𝗹𝘀 𝗶𝗻 𝟭𝟬 𝗠𝗶𝗻𝘂𝘁𝗲𝘀

𝗛𝗼𝘄 𝘁𝗼 𝗔𝘂𝗱𝗶𝘁 𝗬𝗼𝘂𝗿 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗖𝗼𝗿𝗲 𝗪𝗲𝗯 𝗩𝗶𝘁𝗮𝗹𝘀 𝗶𝗻 𝟭𝟬 𝗠𝗶𝗻𝘂𝘁𝗲𝘀

Core Web Vitals track three things: • LCP: How fast your largest content loads. • INP: How fast your page responds to clicks. • CLS: How much your layout jumps during loading.

You do not need paid tools. Use Chrome DevTools instead.

Step 1: Audit LCP (Largest Contentful Paint) Target: Under 2.5 seconds. • Open your page in an Incognito window. • Press F12 to open DevTools. • Go to the Performance tab. • Click Record and reload the page. • Stop the recording when the page loads. • Look for the LCP marker.

Fixes for LCP:

• Use WebP image formats.
• Add width and height to images.
• Preload your main hero image.
• Inline critical CSS.

Step 2: Audit INP (Interaction to Next Paint) Target: Under 200 milliseconds. • Stay in the Performance tab. • Click Record. • Click buttons and open menus for 15 seconds. • Stop the recording.

• Check the INP value.

Fixes for INP:

• Defer non-essential JavaScript.
• Break long tasks into smaller pieces.
• Remove unnecessary third-party scripts.

Step 3: Audit CLS (Cumulative Layout Shift) Target: Under 0.1. • Open the Elements tab. • Open the Console tab. • Run a PerformanceObserver script to watch for layout shifts. • Scroll through your page.

Fixes for CLS:

• Add dimensions to all images and videos.
• Reserve space for ads with CSS containers.
• Avoid adding content above existing text after the page loads.

Run this audit every month. Fast pages help your search rankings. Improving these scores leads to more organic traffic.

Source: https://dev.to/kui_luo/how-to-audit-your-websites-core-web-vitals-in-under-10-minutes-14fo