What is PageSpeed Insights, which metrics does it measure, and how do you improve your site speed? We explain Core Web Vitals, the performance score, and actionable speed-optimization steps with an e-commerce focus.
How fast a website loads is no longer just a matter of user comfort; it is a critical performance indicator that directly affects your sales and your Google ranking. On a slow-loading page, a significant share of visitors leave the site before the content has even loaded. In e-commerce, that means a directly lost cart and ad budget gone to waste.
This is exactly where Google's free tool, PageSpeed Insights, comes in. This tool measures your site's speed using both lab data and real-user data, and it tells you concretely what to improve and how. In this guide, we explain what PageSpeed Insights is, which metrics it measures, and the steps you need to take to raise your score.
What Is PageSpeed Insights?
PageSpeed Insights (PSI) is a free performance-analysis tool provided by Google. When you enter a page URL, it scores that page's desktop and mobile performance on a scale of 0 to 100 and reports, item by item, why the page is slow or fast. The most valuable thing about PSI is that it doesn't just say "slow" but shows which resource causes how much delay and how to fix it.
PSI uses two types of data: field data that reflects real users' experience (the Chrome User Experience Report) and a lab test run in a controlled environment. Field data shows how your site actually performs in the real world, while lab data lets you isolate problems.
Core Web Vitals: The Metrics That Truly Matter
To measure user experience, Google focuses on three core metrics it calls Core Web Vitals. These metrics are also a ranking factor:
- LCP (Largest Contentful Paint): The time it takes for the largest piece of content on the page (usually an image or heading) to appear on screen. The ideal is under 2.5 seconds. It represents loading speed.
- INP (Interaction to Next Paint): Measures how quickly the site responds to a user's click or tap. It indicates interaction smoothness; lower is better.
- CLS (Cumulative Layout Shift): Measures how much elements shift while the page loads. Buttons or images that jump out of place during loading annoy users; it should be under 0.1.
The score matters, but the real goal is to pull these three metrics into the "good" range. Rather than chasing 100/100, focusing on improving the real user experience is healthier.
Ways to Improve Site Speed
Most of the recommendations in the PSI report fall under a few main headings:
- Optimize images: On e-commerce sites, the biggest source of slowdown is usually uncompressed images. Use modern formats (WebP/AVIF), serve images at the right size, and load them when needed (lazy loading).
- Clean up unnecessary code: Unused CSS and JavaScript files slow the page down. Minify your code and defer the non-critical parts.
- Use caching: Browser caching and server caching open the page far faster on repeat visits.
- Choose a fast infrastructure: If server response time (TTFB) is high, all the optimizations you make fall short. A powerful hosting setup or a modern e-commerce platform is essential.
- Content delivery network (CDN): Serving images and files from the server closest to the user reduces latency.
Which e-commerce platform you choose determines your starting point on speed. Modern platforms offer many optimizations out of the box; on this topic, our ikas vs. Shopify comparison will help you when making a choice.
The Relationship Between Speed, SEO, and Conversion
Site speed affects three things at once: your search ranking, your ad quality score, and your conversion rate. Google pushes slow sites down in the rankings; in Google Ads campaigns, slow-loading landing pages lower your quality score and raise your cost per click. Most importantly, every extra second of delay erodes your conversion rate. So speed optimization is a direct way to get more sales out of both organic and paid traffic.
To see the effect of speed improvements on real user behavior, you should regularly monitor your site's analytics data. Our Google Analytics guide for e-commerce helps you understand which pages are being abandoned and how that relates to speed.
Don't Get Stuck on the PageSpeed Score
A common mistake is to obsess over a single numeric score. The PSI score is a guide, not the goal itself. It's normal for mobile and desktop scores to differ; mobile is usually lower because device and connection conditions are harsher in the real world. Your real focus should be that real users experience your site as smooth and fast.
The Difference Between Field Data and Lab Data
The key to reading the PageSpeed Insights report correctly is distinguishing between two different types of data. Field data is collected from Chrome users who actually visited your site over the last 28 days and reflects the real-world experience. This data is the basis of the Core Web Vitals assessment and therefore of the ranking impact. However, on new or low-traffic pages, field data may be insufficient; in that case PSI shows only lab data. Lab data, on the other hand, is a one-time test run in a controlled, fixed environment. It's ideal for isolating problems and quickly seeing the effect of a fix, but it doesn't reflect the diversity of real users. In practice: use lab data for the question "what should I fix?" and field data for "what are my users actually experiencing?"
Typical Problems and Solutions for Each Metric
To improve Core Web Vitals, you need to know the typical causes behind each metric:
- If LCP is high (slow loading): The cause is usually a heavy hero image, a slow server response (TTFB), or render-blocking resources. The fix: prioritize and optimize the largest image, improve the server/cache, and inline the critical CSS.
- If INP is high (slow interaction): The cause is most often heavy JavaScript; when the user clicks, the response lags because the main thread is busy. The fix: remove unnecessary scripts, break up long tasks, and defer third-party code (chat, analytics).
- If CLS is high (shifting layout): The cause is images without specified dimensions, ads that load afterward, or web fonts. The fix: set fixed dimensions for image and video areas, reserve ad slots, and correct the font-loading strategy.
Speed Tools Beyond PageSpeed Insights
PSI is not enough on its own; using it alongside complementary tools gives a healthier picture. Lighthouse, built into the browser, is practical for instant tests during development. Google Search Console's Core Web Vitals report groups pages across your entire site and shows which templates are problematic; it provides a far more holistic view than testing pages one at a time. Using these tools together lets you manage not an isolated page but the overall performance health of your site. To combine speed data with real user behavior, be sure to read this work side by side with your Google Analytics measurements.
Mobile-First Indexing and Speed
Google now evaluates sites primarily through their mobile versions; this is called mobile-first indexing. In other words, it's not how fast your site is on desktop that matters but how it performs on mobile. Because the bulk of e-commerce traffic in Turkey comes from mobile devices, this carries double importance: both your ranking and most of your sales depend on the mobile experience. Tap targets being large enough on mobile, font readability, and especially a smooth checkout step are factors as critical as speed itself. That's why you should test every optimization on mobile first.
Small Improvements, Big Impact: An Example
Let's say your product page loads in 6 seconds on mobile and your conversion rate is low. When you convert images to WebP and size them correctly, defer non-critical scripts, and set up caching, load time can drop to 2.5 seconds. This improvement is not just a technical achievement; a faster page means less abandonment, higher conversion, and a better quality score on the Google Ads side. In other words, a single speed effort improves organic traffic, paid-ad efficiency, and direct sales all at once.
Image Optimization: The Biggest and Fastest Win
On e-commerce sites, images make up most of the page weight; that's why the fastest and biggest speed win usually comes from here. The first step is to convert images to modern formats (WebP or AVIF); these formats shrink file size significantly without sacrificing quality. Second, serve each image at the size it will be displayed; showing a 3000-pixel-wide photo in a 600-pixel space means downloading unnecessary data. Third, lazy-load images that aren't immediately visible on screen, which speeds up the initial load. Fourth, prioritize the main image at the top (the LCP element) so it loads early. These four steps shorten load time on most sites by seconds and translate directly into conversion.
Third-Party Scripts and Hidden Slowdown
An overlooked source of site slowdown is third-party scripts: live-support widgets, analytics codes, social-media buttons, ad pixels, and various plugins. Each may look small on its own, but together they slow the page noticeably and especially harm the interaction metric (INP). So remove the scripts you don't truly need on your site, and load the necessary ones as deferred as possible (defer/async). You can determine which script adds how much load with PageSpeed Insights and your browser's developer tools. This cleanup usually delivers a valuable performance gain you can achieve without touching the code side, and it lowers the bounce rate of visitors coming from ads.
Prioritizing Speed Improvements Correctly
The PageSpeed Insights report lists dozens of recommendations; trying to do them all at once is both exhausting and inefficient. The smart approach is to start with the fixes that deliver the highest impact for the least effort. Image optimization usually comes first, because on most sites images make up the bulk of page weight and the gains there are felt immediately. The second priority is improving server response time (TTFB) and your caching structure; because if this foundation is slow, the effect of all other optimizations stays limited. Third, you address render-blocking resources and unnecessary scripts. Repeating the measurement after each change and seeing its effect teaches you what truly makes a difference. This prioritized, measurement-based approach delivers far faster and more lasting results than random interventions. Remember, the goal is not a perfect score but a smooth experience for the real user.
A Fast, Converting Site with Alis Digital
Site speed optimization is a process that requires technical knowledge and the right prioritization; the wrong interventions can sometimes make the problem worse. At Alis Digital, we make your site faster for both Google and the user, from Core Web Vitals improvements to infrastructure selection, from image optimization to technical SEO. Get in touch with us for a free site analysis and turn your speed into sales.
