Ecommerce Site Performance Optimization Services

Core Web Vitals became a Google ranking signal in 2021, and by 2026 the thresholds have tightened, the metrics have expanded (INP replaced FID in 2024), and mobile weight has become the single biggest drag on ecommerce revenue. Every second a shopper waits on mobile, conversion drops roughly 8 to 12 percent for DTC stores. Every point above the LCP 2.5 second mark is a point of rankings risk. And every extra app script is a tax on every page view, every session, every checkout.

Pixeltree optimizes ecommerce site performance so your store loads fast, ranks well, and converts the traffic you already have. We audit Shopify and WooCommerce stores, identify the real culprits (not the theoretical ones), remediate the biggest wins first, and install monitoring so regressions get caught before they hurt you.

TL;DR

Speed is not a vanity metric. For DTC brands spending on paid acquisition, a slow site silently deletes 20 to 40 percent of the traffic you paid to bring in. We optimize LCP, CLS, and INP across Shopify and WooCommerce, clean up theme code, audit your image pipeline and app stack, and set up real-user monitoring so you know what your actual customers experience (not what a synthetic test on a developer laptop says).

Core Web Vitals in 2026: what Google measures and why it matters

Core Web Vitals are three user experience metrics Google uses to evaluate page quality. They do not guarantee rankings, but they are a known ranking input, and more importantly they correlate tightly with actual conversion.

The three metrics are Largest Contentful Paint (LCP, which measures how long until the biggest element above the fold appears), Cumulative Layout Shift (CLS, which measures how much things move around as the page loads), and Interaction to Next Paint (INP, which replaced First Input Delay in 2024 and measures how responsive the page is to clicks and taps).

Green thresholds for 2026: LCP under 2.5 seconds, CLS under 0.1, INP under 200 milliseconds. These are measured at the 75th percentile of real user sessions, not in a lab. That matters because a lab test on a fast desktop with a fast connection will almost always look green. Real mobile traffic on a mid-tier Android phone over 4G often tells a very different story.

Google pulls this data from the Chrome User Experience Report (CrUX), which aggregates real Chrome users' experiences on your site. You can see it in PageSpeed Insights, Search Console's Core Web Vitals report, and the CrUX dashboard. If your site has enough traffic, this is the data Google uses to grade you.

The commercial impact is not subtle. Deloitte's mobile speed study found a 0.1 second improvement in load time increased retail conversions by 8.4 percent and average order value by 9.2 percent. Google's own data shows mobile bounce rate jumps 32 percent when load time goes from 1 to 3 seconds, and 90 percent when it goes from 1 to 5 seconds. If your site loads in 4 seconds on mobile and your competitor loads in 2, you are losing the ad auction even when you win it, because your landing page eats the CTR advantage.

The six speed killers on most Shopify and WooCommerce stores

After auditing dozens of stores, the same culprits show up again and again. In rough order of impact:

One, hero images that are too big. The single biggest LCP offender is a homepage or product page hero image served at 3000 pixels wide, uncompressed, in JPG format. Modern browsers support WebP and AVIF, which compress 25 to 50 percent smaller at the same visual quality. Responsive image markup (srcset) lets you serve a 400px image to mobile and a 1600px image to desktop. Most stores do neither.

Two, app sprawl. Every Shopify app that adds a script tag to your storefront costs you speed. Reviews widgets, popups, upsell apps, loyalty widgets, currency converters, cart drawers, live chat, analytics, pixels. A typical Shopify store has 8 to 20 apps, and half of them are loading scripts on every page even when they are only used on one page. We regularly see stores with 1.5 megabytes of app JavaScript loading on the homepage.

Three, third-party pixels and tags firing in the head. Meta pixel, Google tag, TikTok pixel, Pinterest tag, Klaviyo script, Hotjar, Google Tag Manager containers stuffed with 40 tags. Every one of these blocks rendering if it loads in the head instead of the footer, and every one of them runs JavaScript that competes with your theme code for the main thread. INP suffers first.

Four, heavy themes or heavily customized themes. Older Shopify themes (Debut, Brooklyn, Narrative, Venture) predate the Online Store 2.0 architecture and carry more weight. Even on Dawn or Sense, years of customization (sections added and abandoned, snippets duplicated, CSS overrides layered on) compound into bundle bloat. WooCommerce themes like Flatsome or Divi ship with dozens of features you are not using, all loading on every page.

Five, unoptimized fonts. Custom fonts loaded without font-display: swap block text rendering. Loading three font families with four weights each from Google Fonts instead of self-hosting them and subsetting to the characters you actually use. Fonts alone can add 500ms to LCP if mishandled.

Six, WooCommerce-specific: slow hosting and no object caching. A default WooCommerce install on shared hosting with no Redis or Memcached object cache, no full-page cache, and no CDN will be slow no matter what you do to the theme. The foundation has to be right first.

What a Pixeltree speed audit covers

Our speed audits are diagnostic, not cosmetic. We do not just run PageSpeed Insights and hand you a PDF. We measure real user data, trace specific bottlenecks to specific code, and write a prioritized remediation plan.

We pull CrUX data for your site for the last 28 days, broken down by device and page type. We run WebPageTest from multiple regions and connection profiles so we see what a shopper on a mid-tier Android on 4G actually experiences. We analyze your theme's JavaScript and CSS bundles (what is loading, what is unused, what is blocking). We audit every app and third-party script (where it loads, what it weighs, whether it runs on every page or only where needed). We check your image pipeline (formats, sizes, CDN, lazy loading, preload). We check fonts (how many, how loaded, font-display, subsetting). We run Lighthouse traces on the critical templates: home, collection, PDP, cart, checkout.

The deliverable is a prioritized list of fixes, each with estimated LCP/CLS/INP impact, implementation effort, and risk. You can hand it to your internal dev team, or we can remediate ourselves. Either way, you know exactly what to fix and in what order.

Read our full Shopify speed optimization playbook for the detailed diagnostic process we use, and the WooCommerce performance playbook for the Woo-specific version covering hosting, caching, and plugin audit.

Image pipeline: the single highest-ROI optimization

Images are usually 60 to 80 percent of a page's weight on ecommerce sites, and the hero image is usually the LCP element. Fix the images and you have fixed most of the problem.

Modern image optimization has four layers. Format: WebP or AVIF instead of JPG and PNG (Shopify's CDN serves WebP automatically when you use the img_url filter correctly; WooCommerce needs a plugin like ShortPixel or Imagify). Dimensions: never serve a 3000px image into a 600px slot; use responsive image srcset with width descriptors so the browser picks the right size. Loading: lazy-load below-the-fold images (loading="lazy"), eagerly load the hero (fetchpriority="high"), preload the hero image in the head so it starts downloading before the CSS and JS finish. CDN: Shopify handles this; WooCommerce needs Cloudflare, BunnyCDN, or similar in front of the origin.

We also handle the product photography side: compression targets, alt text, filename conventions, and gallery structure. Our Shopify image SEO and alt text guide covers the naming conventions and alt text patterns that help both accessibility and image search rankings.

Expect a 30 to 60 percent reduction in image weight on most stores, which typically translates to 0.8 to 1.5 seconds off LCP on mobile. That alone moves most stores from red to green on the LCP metric.

Theme cleanup and app audit: killing what you are not using

After images, the next biggest win is usually ripping out dead weight from the theme and the app stack.

Theme cleanup looks like this: we audit every section, snippet, and script in your theme. We find sections you added for a campaign two years ago and never removed. We find JavaScript libraries (jQuery, Slick, Swiper) loaded in multiple places because two different sections each bundle their own copy. We find CSS rules targeting elements that no longer exist. We find Liquid logic running expensive loops on every page load. We clean all of it.

App audit is blunter. We list every installed app, measure its script impact (weight, where it loads, whether it blocks rendering), map it to business value (is this app driving revenue, and how much), and recommend remove, replace, or keep. Stores that run this audit typically shed 30 to 50 percent of app-sourced JavaScript in a single pass. Common kills: reviews widgets that could be replaced by native Shopify product reviews or a lighter alternative; popup tools that duplicate Klaviyo functionality; currency converters that could be handled by Shopify Markets; loyalty widgets running on pages where loyalty is not shown; upsell apps loading on pages where upsells are not displayed.

The net effect is usually 1 to 2 seconds of LCP improvement and a meaningful INP win (because less JavaScript means less main thread contention when the shopper taps).

Hosting, caching, and infrastructure for WooCommerce

WooCommerce performance starts with infrastructure. You cannot optimize your way out of bad hosting.

We recommend (and set up) proper hosting on Kinsta, WP Engine, Rocket.net, or Cloudways with performance-tuned stacks. We configure full-page caching (via the host or via a plugin like WP Rocket). We set up object caching with Redis or Memcached so WooCommerce database queries do not hit MySQL on every page. We put Cloudflare in front of the origin for global edge caching and image optimization. We audit plugins and remove duplicate functionality (a stack with both WooCommerce Subscriptions and a second subscription plugin; three SEO plugins; two caching plugins fighting each other).

For more on the full WooCommerce build and performance stack, see our WooCommerce development services.

The Shopify equivalent is simpler because Shopify handles hosting, but the theme and app layer still needs work. See our Shopify development services for the full build and optimization scope.

Monitoring: catching regressions before they cost you money

A site optimized once is a site that will slow down again. Apps get updated and add new scripts. Marketing adds new pixels. A new section ships with an inline 500kb image. Without monitoring, the first you hear about it is when rankings drop.

We set up real-user monitoring (RUM) that samples actual customer sessions and reports Core Web Vitals back to a dashboard. Options include Shopify's built-in Web Performance dashboard (free, limited), Google's CrUX dashboard (free, 28-day lag), SpeedCurve, Cronitor RUM, or DebugBear. For most stores we recommend a free CrUX-based dashboard plus a paid RUM tool if the business case supports it.

We also set up synthetic monitoring on your key templates (home, top collections, top PDPs) that runs every hour and alerts Slack if LCP crosses a threshold. That catches regressions within an hour of them shipping, not weeks later when Google Search Console finally updates.

Finally, we set up quarterly review cadence: a 30-minute call every 90 days to review the trend lines, talk through any regressions, and queue up the next round of work. Speed is not a one-time project, it is a discipline.

Closing: four next steps

Speed is the most leveraged thing you can fix on an ecommerce site. Here is where to go next.

Start with a speed audit. We will run real-user and synthetic tests on your store, identify the top 10 wins, and show you the expected impact on conversion and rankings.

Read the platform-specific playbook. The Shopify speed optimization playbook and WooCommerce performance playbook walk through the diagnostic process in detail.

Fix images first. Even before a full audit, switch to WebP, add srcset, preload your hero, and lazy-load below the fold. That alone will move the needle. Our Shopify image SEO guide covers the naming and alt text side of the same work.

Book a review. We offer a free 30-minute speed review where we run PageSpeed Insights on your top three templates live, talk through what we see, and tell you whether you have a quick-fix problem or a structural one. No obligation.