Most store owners who want more conversions start by changing the theme. That is almost never where the loss is. The loss is spread across page weight, mobile ergonomics and a checkout that was designed on a 27 inch monitor, and each of those is measurable before you touch a single design decision.
The Traffic And Revenue Gap
Mobile is over 60 percent of ecommerce traffic and roughly 50 percent of ecommerce revenue. That split has widened every year for a decade. More browsing, less buying, and the difference is not that phone users are less serious. It is that most stores are still designed desktop first and adapted for mobile afterwards.
The symptoms are consistent. Touch targets below Google's 48 by 48 pixel guidance, so add-to-cart and filter taps miss. A search bar hidden behind a magnifying glass icon, on the device where shoppers rely on search more heavily than they do on desktop. Mega menus that expect a hover a touchscreen cannot produce. Checkout forms with input fields sized for a mouse cursor.
Where The Page Weight Actually Comes From
Images are usually the largest single contributor. A product page carrying six to eight high resolution images can pass 5 MB if nothing is optimized. Serving WebP or AVIF cuts 25 to 35 percent off JPEG at equivalent quality, lazy loading defers everything below the fold, and srcset means a phone gets an 800 pixel file instead of the 2000 pixel one the desktop layout needs. Together those routinely cut load time 40 to 60 percent on image heavy pages.
The second contributor is the one nobody has an owner for. Analytics, chat widgets, social pixels, retargeting tags, review embeds. A store running 15 to 20 third party scripts, which is normal for anyone using a few marketing tools, can often recover 1 to 2 seconds just by removing what is no longer used and deferring what is not critical. Nobody audits these because each one was added by a different person for a different campaign.
The cost is well quantified. Going from a 1 second load to 3 seconds raises bounce probability by 32 percent. From 1 second to 5 seconds it rises by 90 percent. Each additional second costs roughly 7 percent of conversions, so a store loading in 4 seconds instead of 2 is giving up around 14 percent of the purchases it already paid to acquire.
What Core Web Vitals Are Actually Telling You
Largest Contentful Paint under 2.5 seconds, First Input Delay under 100 milliseconds, Cumulative Layout Shift under 0.1. These are ranking inputs, which is the reason most people look at them, but they are worth treating as user experience measurements first. CLS in particular maps directly to a real failure: a shopper taps where the add-to-cart button was a moment ago and hits something else because a banner finished loading.
They also drift. New products, theme updates and added scripts degrade the numbers over time, so a single passing audit from six months ago tells you nothing about today.
Checkout Is Where The Money Actually Leaves
Cart abandonment across ecommerce sits near 70 percent. Some of that is unavoidable, people compare and save things for later. A meaningful share is not: too many required fields, forced account creation, payment options that do not match how the customer wants to pay, and shipping costs that only appear at the final step.
The checkout designs that hold onto people share a short list of traits. A single page or a clearly stepped flow with progress indicators. Only genuinely required fields. Guest checkout offered prominently rather than buried. An order summary with product images visible throughout. Shipping cost and delivery estimate shown before the payment step rather than after.
Closing Takeaway
None of this requires a redesign. Open your own store on your phone, on a slow connection, as a first time guest with no saved payment method, and go all the way through to the confirmation screen. Time it. Count the taps that miss. Note the moment you learn the shipping cost. That walkthrough finds more revenue than a new theme does, and it takes about ten minutes.
The full guide covering layout, product page anatomy, mobile first design, performance and accessibility is here: Ecommerce Website Design: Complete Guide to Building a Store That Converts
Top comments (0)