{"id":838,"date":"2026-10-27T11:00:00","date_gmt":"2026-10-27T09:00:00","guid":{"rendered":"https:\/\/foxweb.gr\/uncategorized-en\/core-web-vitals-slow-site-cost\/"},"modified":"2026-10-27T11:00:00","modified_gmt":"2026-10-27T09:00:00","slug":"core-web-vitals-slow-site-cost","status":"publish","type":"post","link":"https:\/\/foxweb.gr\/en\/web-design\/core-web-vitals-slow-site-cost\/","title":{"rendered":"Core Web Vitals: How Many Customers a Slow Site Costs You"},"content":{"rendered":"<p class=\"wp-block-paragraph\">It\u2019s a Thursday evening, and a shopper waiting for the bus sees an ad for a cosmetics e-shop. She taps it, the screen stays white, the banner eventually appears, and just as she goes to tap \u201cAdd to cart,\u201d the page jumps and opens something else. She closes the tab. The click was paid for, but the order never happened. This is exactly the scenario Core Web Vitals describe: three Google metrics that capture how pleasant or frustrating a page is for a real person.<\/p>\n\n<p class=\"wp-block-paragraph\">In this article we\u2019ll cover what each of the three metrics means without the jargon, how to run a first check yourself with free tools, where time is usually lost, and in what order to tackle the fixes so you don\u2019t spend money in the wrong places.<\/p>\n\n<div class=\"wp-block-group fw-keypoints is-layout-flow wp-block-group-is-layout-flow\"><p class=\"wp-block-paragraph\"><strong>At a glance<\/strong><\/p>\n\n<ul class=\"wp-block-list\"><li>The three metrics measure loading (LCP), responsiveness to taps (INP) and layout stability (CLS).<\/li><li>Google judges based on visits from real users, mostly on mobile, not on a single test run from your office.<\/li><li>Most delays come down to a few usual suspects: heavy images, a slow server and too many third-party scripts.<\/li><li>Start with the pages that bring in revenue, and measure again after every change.<\/li><\/ul><\/div>\n\n<h2 class=\"wp-block-heading\">What Core Web Vitals measure, in plain English<\/h2>\n\n<p class=\"wp-block-paragraph\">Think of a brick-and-mortar store. When you walk in, you first want the lights on so you can see the shelves. Then, when you ask a question, you want the clerk to answer right away. And of course, you don\u2019t want the shelves moving while you reach for something. Google\u2019s three metrics map exactly onto these three expectations.<\/p>\n\n<figure class=\"wp-block-table\"><table>\n<thead><tr><th>Metric<\/th><th>The question it answers<\/th><th>Target for \u201cgood\u201d<\/th><\/tr><\/thead>\n<tbody>\n<tr><td>LCP \u2013 Largest Contentful Paint<\/td><td>How long does it take for the main element on screen to appear, e.g. the product photo or the large headline?<\/td><td>Up to 2.5 seconds<\/td><\/tr>\n<tr><td>INP \u2013 Interaction to Next Paint<\/td><td>How quickly does the page react to a tap, a click or typing?<\/td><td>Up to 200 ms<\/td><\/tr>\n<tr><td>CLS \u2013 Cumulative Layout Shift<\/td><td>How much does the content \u201cdance around\u201d while loading finishes?<\/td><td>Up to 0.1<\/td><\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n<p class=\"wp-block-paragraph\">INP replaced the older FID, so if you see FID mentioned in an old guide, know that what counts now is overall responsiveness across every interaction during a visit, not just the first one.<\/p>\n\n<h3 class=\"wp-block-heading\">Why the \u201cslow\u201d visitor counts, not the fast one<\/h3>\n\n<p class=\"wp-block-paragraph\">Google doesn\u2019t look at the average. For a page to be rated good, it has to hit the target for 75% of visits. In other words, the person on an older phone with a weak signal at the port of Piraeus counts too, not just you with your new laptop and the office fiber connection. Results are reported separately for mobile and desktop.<\/p>\n\n<h2 class=\"wp-block-heading\">What does your business gain from a fast site?<\/h2>\n\n<p class=\"wp-block-paragraph\">Speed is often treated as \u201cthe developer\u2019s problem.\u201d In practice, it affects three very specific things that matter to every business owner.<\/p>\n\n<ul class=\"wp-block-list\"><li><strong>Sales and inquiries.<\/strong> Every moment of waiting is a chance for the visitor to think \u201cI\u2019ll check it out later.\u201d Impatience runs highest on product pages and at checkout, because that\u2019s where the customer has already decided and just wants to get it done.<\/li><li><strong>Organic visibility.<\/strong> Page experience is one of Google\u2019s ranking signals. You won\u2019t outrank a far better article just because you load faster, but when two pages are equally good, the faster one has the edge.<\/li><li><strong>Ad performance.<\/strong> In Google Ads, landing page experience affects your Quality Score. A slow landing page means you\u2019re paying for clicks that are lost before your offer even appears.<\/li><\/ul>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p class=\"wp-block-paragraph\">Speed isn\u2019t decoration. It\u2019s the hallway between the click you paid for and the order you\u2019re waiting for.<\/p><\/blockquote>\n\n<h2 class=\"wp-block-heading\">How to check your website speed yourself<\/h2>\n\n<p class=\"wp-block-paragraph\">You don\u2019t need subscriptions to expensive tools for a first diagnosis. Follow the steps below and take notes, so you have a baseline to compare against later.<\/p>\n\n<ol class=\"wp-block-list\"><li><strong>Pick five key pages.<\/strong> Your homepage, your two most popular product or service pages, the cart or contact form, and the page your ads send people to.<\/li><li><strong>Run them through PageSpeed Insights.<\/strong> At the top you\u2019ll see data from real users, if the page gets enough traffic. Below that is a simulation with a list of suggestions.<\/li><li><strong>Open Google Search Console.<\/strong> The relevant report groups your pages into \u201cgood,\u201d \u201cneeds improvement\u201d and \u201cpoor,\u201d separately for mobile and desktop.<\/li><li><strong>Test it with your own hands.<\/strong> Grab an average phone, turn off Wi-Fi and complete a purchase or an inquiry from start to finish.<\/li><\/ol>\n\n<h3 class=\"wp-block-heading\">Field data or lab data?<\/h3>\n\n<p class=\"wp-block-paragraph\">This distinction confuses a lot of people. Field data is collected from real visits over the last 28 days, and it\u2019s what Google takes into account. Lab data is a one-off test under specific conditions. It\u2019s invaluable for finding the cause of a problem, but it isn\u2019t your \u201cscore.\u201d If the two disagree, trust the field data. You\u2019ll find more on why mobile is always the top priority in our guide to a <a href=\"https:\/\/foxweb.gr\/en\/web-design\/mobile-friendly-website\/\">mobile-friendly website<\/a>.<\/p>\n\n<h2 class=\"wp-block-heading\">Where time is usually lost<\/h2>\n\n<p class=\"wp-block-paragraph\">Group the causes by the metric that\u2019s \u201cin the red,\u201d so you know right away where to look.<\/p>\n\n<h3 class=\"wp-block-heading\">When content is slow to appear (poor LCP)<\/h3>\n\n<ul class=\"wp-block-list\"><li><strong>Oversized photos.<\/strong> A 5,000-pixel image in an 800-pixel frame is the most common culprit. Reduce the dimensions, compress, and prefer formats such as WebP or AVIF.<\/li><li><strong>Slow server response.<\/strong> If the server takes a long time to send the first byte, no other improvement will make up for it. Hosting quality and caching play a role here, a topic we cover in our article on <a href=\"https:\/\/foxweb.gr\/en\/web-hosting\/woocommerce-hosting-setup\/\">hosting for WooCommerce<\/a>.<\/li><li><strong>A heavy slider or video above the fold.<\/strong> Three rotating photos or an autoplaying video often weigh as much as the rest of the page combined. One strong image with a clear message does a better job.<\/li><\/ul>\n\n<h3 class=\"wp-block-heading\">When the page is slow to respond (poor INP)<\/h3>\n\n<ul class=\"wp-block-list\"><li><strong>Too many third-party scripts.<\/strong> Chat widgets, pop-ups, pixels, embedded maps and social media feeds all run code on the visitor\u2019s phone. Keep only the ones you actually use, and load them only where they\u2019re needed.<\/li><li><strong>Plugins that load everywhere.<\/strong> A form plugin doesn\u2019t need to load on every product page. Selective loading and deferring JavaScript that isn\u2019t immediately needed free up the browser.<\/li><\/ul>\n\n<h3 class=\"wp-block-heading\">When content shifts around (poor CLS)<\/h3>\n\n<ul class=\"wp-block-list\"><li><strong>Images and iframes without declared dimensions.<\/strong> The browser doesn\u2019t know how much space to reserve, so it pushes the text down as soon as they load.<\/li><li><strong>Banners and bars that appear later.<\/strong> A promo or cookie bar that \u201cdrops in\u201d from the top shifts the whole page. Reserve its space from the start, or display it as an overlay.<\/li><li><strong>Fonts that change size.<\/strong> Fewer font families and weights, loading them from your own server and the right display settings all reduce the effect.<\/li><\/ul>\n\n<h2 class=\"wp-block-heading\">Common mistakes when improving Core Web Vitals<\/h2>\n\n<p class=\"wp-block-paragraph\">We often see businesses spend time on moves that don\u2019t deliver results. The classics:<\/p>\n\n<ul class=\"wp-block-list\"><li><strong>Chasing a \u201c100.\u201d<\/strong> The simulation score is only indicative. The goal is for real users to land in the green zone, not a round number.<\/li><li><strong>Three optimization plugins at once.<\/strong> When two tools do the same thing, they usually clash and break features such as the cart.<\/li><li><strong>Checking only the homepage.<\/strong> Customers often never pass through it. They land directly on a product page from Google or from an ad.<\/li><li><strong>Fixing it once and forgetting about it.<\/strong> A new pop-up for a sale or a new plugin is enough to undo the improvement. That\u2019s why speed is part of ongoing <a href=\"https:\/\/foxweb.gr\/en\/web-design\/wordpress-support-ongoing-care\/\">WordPress support<\/a>, not a one-off project.<\/li><\/ul>\n\n<h2 class=\"wp-block-heading\">In what order to tackle the fixes<\/h2>\n\n<p class=\"wp-block-paragraph\">A logical order saves you effort. Images first, because they\u2019re easy and usually bring the biggest gain. Next, hosting and caching, which affect every page at once. Then third-party scripts and plugins, and finally code details such as fonts and CSS.<\/p>\n\n<p class=\"wp-block-paragraph\">If you run an e-shop, prioritize the product, cart, checkout path. It\u2019s the most profitable path and the one that will come under the most pressure during peak periods, which is why a technical speed check is one of the steps in <a href=\"https:\/\/foxweb.gr\/en\/e-commerce\/black-friday-eshop-six-week-plan\/\">preparing your e-shop for Black Friday<\/a>. Also keep in mind that because field data covers the last four weeks, improvements show up gradually in Google\u2019s reports.<\/p>\n\n<h2 class=\"wp-block-heading\">How FoxWeb can help<\/h2>\n\n<p class=\"wp-block-paragraph\">Speed is decided on three levels: how the page is built, where it\u2019s hosted and how it\u2019s maintained. At FoxWeb we handle all three together, so no one is left passing the blame to someone else.<\/p>\n\n<h3 class=\"wp-block-heading\">An audit based on real data<\/h3>\n\n<p class=\"wp-block-paragraph\">We measure the pages that generate revenue and hand you a short list of what\u2019s worth fixing first.<\/p>\n\n<h3 class=\"wp-block-heading\">Built with lightweight code<\/h3>\n\n<p class=\"wp-block-paragraph\">In our <a href=\"https:\/\/foxweb.gr\/en\/website-development\/\">website development<\/a> work, we design from the ground up with optimized images and only the scripts that are truly necessary.<\/p>\n\n<h3 class=\"wp-block-heading\">Hosting that handles the peaks<\/h3>\n\n<p class=\"wp-block-paragraph\">Our <a href=\"https:\/\/foxweb.gr\/en\/premium-web-hosting\/\">premium web hosting<\/a> is tuned for WordPress and WooCommerce, with caching and headroom for high-traffic days.<\/p>\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n<h3 class=\"wp-block-heading\">Do I need a score of 100 in PageSpeed Insights?<\/h3>\n\n<p class=\"wp-block-paragraph\">No. The score comes from a simulation and varies from test to test. What matters is that the three metrics in your real-visitor data fall within the \u201cgood\u201d thresholds.<\/p>\n\n<h3 class=\"wp-block-heading\">How long until the improvement shows?<\/h3>\n\n<p class=\"wp-block-paragraph\">Your visitors feel it from day one. Google\u2019s reports, however, are based on four weeks of data, so it takes about a month for it to be fully reflected.<\/p>\n\n<h3 class=\"wp-block-heading\">Will my rankings go up from better speed alone?<\/h3>\n\n<p class=\"wp-block-paragraph\">Rarely, on its own. Speed strengthens a site that already has useful content and solid SEO; it doesn\u2019t replace them. The most immediate benefit usually shows up in sales and contact inquiries.<\/p>\n\n<h3 class=\"wp-block-heading\">Why is my site fast on desktop but slow on mobile?<\/h3>\n\n<p class=\"wp-block-paragraph\">Phones have less processing power and often a less stable connection, so the same page weight takes a bigger toll on them. That\u2019s why you should always check the mobile results first.<\/p>\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n<p class=\"wp-block-paragraph\">Core Web Vitals aren\u2019t just another technical acronym to worry about. They\u2019re a way to see your website through the eyes of a customer in a hurry. Measure the pages that drive revenue, start with images and hosting, and keep speed on your regular maintenance checklist.<\/p>\n\n<p class=\"fw-cta-line wp-block-paragraph\">Want to find out what\u2019s slowing down your website? <a href=\"https:\/\/foxweb.gr\/en\/contact\/\">Contact FoxWeb<\/a> or call us at <a href=\"tel:+302103005757\">+30 210 300 57 57<\/a> for a speed audit.<\/p>","protected":false},"excerpt":{"rendered":"<p>A slow site loses customers before they even see your offer. Learn what Google\u2019s three metrics measure, how to check them yourself and which fixes to prioritize.<\/p>\n","protected":false},"author":1,"featured_media":309,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_fw_seo_title":"Core Web Vitals: Speed That Wins Customers | FoxWeb","_fw_seo_desc":"What Core Web Vitals (LCP, INP, CLS) measure, how to check them for free and which fixes make your site faster. See where to start with speed today.","_fw_focus_kw":"Core Web Vitals","_fw_noindex":"","footnotes":""},"categories":[56],"tags":[59,64,69,71],"class_list":["post-838","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","tag-featured","tag-svc-hosting","tag-svc-seo","tag-svc-web"],"_links":{"self":[{"href":"https:\/\/foxweb.gr\/en\/wp-json\/wp\/v2\/posts\/838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/foxweb.gr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/foxweb.gr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/foxweb.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/foxweb.gr\/en\/wp-json\/wp\/v2\/comments?post=838"}],"version-history":[{"count":0,"href":"https:\/\/foxweb.gr\/en\/wp-json\/wp\/v2\/posts\/838\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/foxweb.gr\/en\/wp-json\/wp\/v2\/media\/309"}],"wp:attachment":[{"href":"https:\/\/foxweb.gr\/en\/wp-json\/wp\/v2\/media?parent=838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/foxweb.gr\/en\/wp-json\/wp\/v2\/categories?post=838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/foxweb.gr\/en\/wp-json\/wp\/v2\/tags?post=838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}