Skip to content
Conversion4 min read

Does your homepage slider actually convert? What we found in 400 stores

We looked at slider engagement across 400 Shopify storefronts. Most slides after the first are never seen — here is what to do instead of deleting the slider.

Shopyra TeamProduct & Engineering
Share

Every few months someone declares the homepage carousel dead. Then you look at the top 100 Shopify stores in almost any category and most of them still have one. Both things can be true: sliders as they are usually built waste attention, and a slider is still the fastest way to give a homepage a point of view.

We pulled anonymised engagement data from 400 storefronts running Slidify and looked at what people actually do with slides. Here is what the numbers say.

Slide one does almost all the work

Across the sample, the first slide accounted for 81% of all slider clicks. Slide two took 12%. Everything from slide three onward split the remaining 7%.

That is not a surprise on its own — first position always wins. What surprised us is how little the auto-advance interval moved the number. Stores rotating every three seconds and stores rotating every eight seconds had nearly identical distributions. Shoppers were not waiting for the carousel to show them something better. They were deciding within a second or two whether the hero was relevant, and then either clicking it or scrolling past it.

The practical read: if your best offer is on slide four, it does not exist.

Manual advance is a strong intent signal

Only 6% of sessions touched a slider control at all. But sessions that did convert at roughly 2.3× the rate of sessions that did not.

This is correlation, not a lever you can pull — people who swipe a carousel were already engaged. It does tell you something useful though: the small group who interact deliberately are worth serving well. Make the dots big enough to hit on a phone, make swipe feel native, and never trap someone in an auto-advance that yanks the slide out from under them mid-read.

We now pause auto-advance permanently after the first manual interaction. Engagement on those sessions went up, not down.

The three-slide rule

Stores that cut their sliders to three slides or fewer saw a small but consistent lift in homepage click-through — about 4% relative in our sample — compared with stores running five or more.

The mechanism is boring: fewer slides means each one gets more consideration, and the ones that survive the cut tend to be the strongest. It also means less imagery to load, which brings us to the part nobody wants to hear.

The real cost is usually weight, not attention

The median slider app in the Shopify ecosystem ships somewhere north of 180KB of JavaScript before it loads a single image. Add three or four uncompressed hero images at desktop resolution served to a phone and you have comfortably pushed your Largest Contentful Paint past the point where Google stops being kind about it.

We have watched stores gain a full second of LCP by doing nothing more than replacing a heavy slider with a light one and setting proper responsive image sizes. No design change, no copy change, no offer change.

If you want a single number to check today: open your homepage in Chrome DevTools, throttle to Slow 4G, and look at how long the hero image takes to paint. Anything over 2.5 seconds is costing you.

What we would do with a homepage slider

If we were setting up a store from scratch tomorrow:

  1. Three slides maximum. Best offer first, always.
  2. Server-render slide one. It should be in the HTML, not injected by JavaScript after hydration. This is the single biggest LCP win available.
  3. Art-direct for mobile. A 2400px-wide desktop hero cropped down to a 390px phone screen usually loses the product and the text. Set a separate crop and a shorter headline.
  4. Reserve the space. Declare the aspect ratio so the layout does not jump when the image arrives. Cumulative Layout Shift is the easiest Core Web Vital to fix and the most commonly ignored.
  5. Pause on interaction, respect reduced motion. Both are one line of code and both are the right thing to do.
  6. Put one thing below it. A slider with nothing underneath teaches people the page is the slider. Give them a reason to scroll.

The honest conclusion

A homepage slider is not a conversion tactic. It is a layout. Whether it helps depends almost entirely on whether slide one is a good hero and whether the implementation is fast enough that people see it before they leave.

The stores in our data that did best with sliders were not the ones with the most slides or the cleverest transitions. They were the ones where the first slide said something specific, loaded quickly, and led somewhere useful.

That is a lower bar than most slider apps clear, which is roughly why we built Slidify.

Read next

All posts

Put this into practice

Our apps are built on exactly the principles in these posts — small, fast, theme-native, and honest about what they do.