Technical SEO

What are Core Web Vitals and how do I improve them?

Updated April 19, 2026
Quick Answer

Core Web Vitals are Google's three real-user performance metrics: Largest Contentful Paint (LCP) under 2.5s, Interaction to Next Paint (INP) under 200ms, and Cumulative Layout Shift (CLS) under 0.1. They're a confirmed ranking factor and a major UX driver — passing all three on mobile typically improves both rankings and conversion rate.

LCP: Largest Contentful Paint

LCP measures how fast the largest visible element loads. The biggest culprits in Toronto are oversized hero images, render-blocking JavaScript, slow server response times, and unoptimized web fonts.

Quick wins: serve hero images in WebP/AVIF, use fetchpriority='high' on the LCP image, preconnect to font CDNs, and move to a fast Canadian-edge host or CDN (Cloudflare, Vercel, Fastly).

INP: Interaction to Next Paint

INP replaced FID in 2024 and measures responsiveness to every user interaction (taps, clicks, key presses). Heavy JavaScript on page load is the usual offender, especially analytics, chat widgets, and third-party scripts that block the main thread.

Quick wins: defer non-critical scripts, replace heavy chat widgets with a load-on-interaction pattern, audit Google Tag Manager for legacy tags, and split large JS bundles by route.

CLS: Cumulative Layout Shift

CLS measures unexpected layout movement during page load. Common causes: images without explicit width/height, ads loading without reserved space, web fonts swapping (FOIT/FOUT), and dynamically inserted content above existing content.

Quick wins: add width/height attributes to every image, reserve ad slot space with CSS, use font-display: optional or swap with size-adjust, and never inject content above the fold after initial render.

Want this applied to your site?

Book a free 60-minute strategy call. We'll review your site live and walk you through exactly what to fix first.

People also asked

Technical SEO

What is technical SEO and do I need it?

Technical SEO is the work of making your site easy for Google to crawl, render, and index — Core Web Vitals, mobile usability, schema markup, XML sitemaps, internal linking, and fixing crawl errors. Every site needs at least a baseline technical audit; without it, content and link work is fighting against a broken foundation.

Read answer
Technical SEO

What is schema markup and which schemas matter?

Schema markup (structured data) is JSON-LD code that tells Google exactly what your page is about — a product, a recipe, a service, a local business, an FAQ. The high-impact schemas for Toronto businesses are LocalBusiness, Service, FAQPage, BreadcrumbList, Review, and Article. Done right, schema unlocks rich results that lift CTR by 20–40%.

Read answer
Technical SEO

Why did my Google rankings suddenly drop?

Sudden ranking drops are almost always caused by one of five things: a Google algorithm update, a technical change on your site (accidental noindex, broken redirects, blocked crawler), lost backlinks, a new competitor outranking you, or a manual action. The diagnosis path is the same: check Search Console first, then your CMS change log.

Read answer
Technical SEO

What is crawl budget and when does it matter?

Crawl budget is the number of URLs Googlebot will crawl on your site in a given timeframe. It only matters for large sites (10,000+ URLs), sites with lots of dynamic parameters, or sites with serious technical debt. Most Toronto SMB sites under 1,000 pages will never bump up against a crawl budget limit.

Read answer