Improve Core Web Vitals by finding the metric that fails for real visitors, tracing it to a specific page or cause, and changing only what addresses that cause. Start with field data, use lab tools to diagnose, then check field data again. The current Core Web Vitals are Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS); INP replaced First Input Delay (FID) in March 2024.
What good Core Web Vitals look like
Google’s recommended “good” thresholds are evaluated at the 75th percentile, separately for mobile and desktop. In practice, that means looking at the experience of most visitors in each device segment, not just a single test run.
| Metric | Good threshold | What it describes |
|---|---|---|
| Largest Contentful Paint (LCP) | 2.5 seconds or less | How soon the largest visible image or text block renders. |
| Interaction to Next Paint (INP) | 200 milliseconds or less | How promptly the page responds visually to qualifying user interactions. |
| Cumulative Layout Shift (CLS) | 0.1 or less | How much visible content moves unexpectedly. |
These are user-experience recommendations, not guaranteed ranking or business outcomes. Google says its core ranking systems seek to reward content that provides a good page experience, but good Core Web Vitals do not guarantee top rankings; relevance and the broader experience matter too. Google’s Core Web Vitals guidance and page-experience documentation explain the scope.
Establish what real visitors experience
- Check Search Console. Open the Core Web Vitals report and identify the affected groups, device segments, and example URLs. Look for shared templates or components before changing the entire site.
- Inspect representative URLs in PageSpeed Insights (PSI). Confirm whether the displayed field result is for that URL or the origin. PSI uses Chrome User Experience Report (CrUX) field data when available, alongside Lighthouse lab diagnostics. CrUX field data shown in PSI reflects a trailing 28-day period, so it will not immediately reflect a recent release. PSI documentation
- Check which device segment is affected. Mobile and desktop results can differ. A change aimed at one segment may not fix the other.
- Use first-party real-user monitoring (RUM) if public data is missing or too broad. CrUX requires sufficient public, crawlable or indexable URLs and distinct samples; it does not cover every page. RUM can provide per-pageview detail that helps identify which visit, interaction, or page state caused a regression. web.dev’s Web Vitals guidance
Do not treat one URL’s result as proof that every page is affected. When PSI shows origin-level rather than page-level data, its field result may describe a broader set of pages than the one you are debugging.
The Tool Desk
Outbyte Driver Updater FREEFix the driver behind crashes, sound loss and screen glitchesFind Drivers →Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →#1 Best Overall
- Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
- Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
- Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
- Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
- 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.
Use lab tests to find causes, not to declare victory
Lighthouse and browser developer tools help reproduce a load, inspect resource timing, identify JavaScript work, and observe layout behavior. They are controlled diagnostic runs, not a replacement for real-visitor measurements: device speed, network conditions, active work, and user interactions vary outside the lab. A green Lighthouse score therefore does not establish that field performance is good.
Lighthouse cannot measure INP without real user input. Total Blocking Time (TBT) can expose blocking work in a lab run that may contribute to responsiveness problems, but it is a proxy—not an INP measurement or a substitute for field INP. web.dev Web Vitals
For a useful comparison, keep the URL, device profile, network settings, browser conditions, and test procedure consistent. Compare before and after under the same setup, then wait for field data to reflect the change. For ongoing work, monitor real users so a later release can reveal a regression that a one-off test missed.
Rank #2
- 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
- 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
- Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
- 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
- What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.
How to fix LCP
LCP is the rendering time of the largest image or text block in the viewport. Identify the actual LCP element for the affected page, then inspect its timing rather than applying a generic speed tweak. The four stages are Time to First Byte (TTFB), resource load delay, resource load duration, and element render delay. The LCP optimization guide explains how to break them down.
Quick wins for a faster PC:
Repair Windows errors before they cause bigger problemsFix Now →Scan for outdated or missing drivers - takes under a minuteDriver Scan →| What the timing shows | Investigate | Direction for a fix |
|---|---|---|
| High TTFB | Redirect chains, server distance, network conditions, and whether caching is effective. | Change delivery, redirects, or caching only if the measured page and audience point to them. |
| Long delay before the LCP resource starts | Whether the browser can discover and prioritize the resource early, or whether JavaScript makes it available late. | Make the resource discoverable and appropriately prioritized earlier in the page load. |
| Long resource load duration | The LCP resource itself and how it is delivered. | Address the resource or its delivery based on what the waterfall shows. |
| Long element render delay | Browser work that must finish before the element can display. | Find and reduce the work delaying that element’s rendering. |
A high TTFB adds time before FCP and LCP, but TTFB is not a Core Web Vital. web.dev gives 0.8 seconds or less as a rough guide for most sites, not a pass requirement. Consider server, cache, redirect, or geographic delivery changes only when field evidence implicates them; a client-rendered app may rely heavily on early HTML, while a server-rendered page can still show content sooner despite a higher TTFB. web.dev’s TTFB guide
Do not assume one isolated tweak will solve LCP: the result reflects the full path from response to visible content, and the relevant stage depends on the page.
Rank #3
- Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
- Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
- Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
- Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
- What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.
Why INP is poor—and how to improve it
INP reflects responsiveness across qualifying interactions during a visit; its final value represents the longest interaction, sometimes excluding outliers. Start with field data. A RUM tool can help identify the interaction and whether it occurred during or after page load, as well as whether it was a click, keypress, or tap. CrUX provides a useful high-level summary but may not provide enough interaction detail to diagnose the cause.
- Use field data to identify the slow interaction and affected page or template.
- Reproduce that interaction in a browser and inspect the main-thread work and rendering around it.
- Change the work responsible for the delay, then repeat the interaction under the same test conditions.
- Confirm the effect in field data; a lab proxy alone cannot establish an INP improvement.
Use the INP optimization guide to investigate interaction delays. Do not report a Lighthouse run as an INP result when it had no real user input.
How to reduce CLS
CLS reflects both the fraction of visible content affected by a shift and how far it moves. Look for content that appears late or changes size after nearby content is already visible. Common causes include images without dimensions, ads and embeds without reserved dimensions, dynamically injected ads, embeds or iframes, and font swaps.
Rank #4
- Dual Converters, Infinite Potential：Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
- Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
- Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
- Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
- Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft
- Reserve layout space for images, ads, embeds, and other content whose final size is known or can be constrained.
- Check whether fonts or dynamically inserted elements move content that has already rendered.
- Compare the field report with a lab page load. CrUX can account for shifts over the page’s lifetime; a basic lab load may miss shifts that occur later.
Use the CLS optimization guide to connect observed movement to likely causes.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Choose fixes by cause, impact, and risk
When several interventions seem plausible, compare them against the failing field segment and the cause you have evidence for. A mobile-only problem on one template may call for a different change than a site-wide desktop issue. Consider the likely real-user benefit, implementation effort, regression risk, and whether a fix could improve one metric while worsening another. Official guidance does not establish a universal ranking of fixes; impact and ease depend on the site and the failure being addressed. web.dev Web Vitals
Change one meaningful cause at a time where practical, preserve the measurement conditions, and recheck affected templates and device segments. Avoid treating a plugin, hosting upgrade, or perfect Lighthouse score as a guaranteed remedy without evidence that it targets the failure.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Best Value
- 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
- Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
- Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
- HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
- What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.
Or skip the browser setup
For visual before-and-after checks, ScreenshotNeo can capture a page as an image or PDF; it is a screenshot API, not a Core Web Vitals measurement tool, so keep PSI, Search Console, or RUM for performance diagnosis. One GET request can capture a URL, and its API documentation lists the available options.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://example.com -o shot.webpimport requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://example.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://example.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);ScreenshotNeo accepts cookie or consent banners before capture and removes more than 60 known consent platforms, newsletter popups, and chat widgets; each cleanup step can be turned off. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed, and responses identify page verdict and billing status in headers. Its MCP server offers take_screenshot, get_page_info, and capture_pdf for AI agents and MCP clients. The free plan includes 1,000 shots per month with no card; paid plans start at $5 for 3,000 shots.
Sign up free for ScreenshotNeo: 1,000 screenshots a month, no card required.
Troubleshooting common measurement and optimization problems
- PSI field data is missing: CrUX does not have sufficient eligible public data for every page or site. Check Search Console, and use first-party RUM when you need actionable per-visit detail.
- PSI shows an origin result for a URL: Confirm the data level before applying a page-specific fix; the field sample may represent the origin rather than that exact URL.
- Lighthouse and field results disagree: They answer different questions under different conditions. Check device segment and data level, and use field data for visitor outcomes and lab runs to investigate reproducible causes.
- A good Lighthouse score does not resolve weak INP: Lighthouse without user input cannot measure INP. Investigate real interactions through field data or RUM, then reproduce them.
- A lab run has good CLS but visitors still see shifts: Look for movement that occurs after the lab’s initial page-load window, including injected content or font changes, and compare with field data.
- A TTFB change did not improve LCP: Recheck the LCP timing stages. The delay may instead be resource discovery, resource loading, or element rendering, and TTFB by itself is not the diagnosis.
Do Core Web Vitals affect Google rankings?
Google’s page-experience documentation says its core ranking systems seek to reward content that provides a good page experience. It also cautions that there is no single page-experience signal, good CWV or third-party reports do not guarantee top rankings, and the most relevant result can still appear when its experience is sub-par. Treat CWV as user-experience goals within a broader effort that includes useful content, security, mobile presentation, avoiding intrusive ads or interstitials, and making the main content clear—not as a ranking shortcut. Google’s page-experience documentation
Do these 3 things before closing this tab:
1Clear out junk files and repair common Windows errors2Fix the driver behind crashes, sound loss and screen glitches3Repair Windows errors before they cause bigger problemsQuick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
