The Slider Nobody Scrolls Past

Why sliders exist

Rarely because anybody decided a rotating banner was the best way to communicate.

Usually because five people wanted their message at the top, and a slider let everybody have one without an argument.

That is the actual function: a compromise device that resolves an internal disagreement about priority.

Which is why they are common on sites built by committee and rare on sites built to convert.

What visitors do with them

Consistently, across every study anybody publishes.

A large majority interact with the first panel or nothing. The second gets a fraction of that. The third and beyond are close to invisible.

People also scroll faster than the rotation. By the time slide two appears, a meaningful share have already moved down the page.

And movement at the top of a page reads as advertising, which people have learned to skip past without processing.

What it costs

• Weight, since every slide loads whether seen or not.
• Delay, because the slider script frequently blocks the page.
• Layout shift, as it initialises and resizes.
• Clarity, since no single message gets to be the message.
• Maintenance, as slides go out of date and nobody updates all five.

The fifth is under-appreciated. A slider with a promotion from two summers ago is worse than no slider, and it happens because updating five panels is five times the work of updating one.

A worked example

A garden centre homepage with a five-panel slider: a seasonal offer, a service, an event, a general welcome, and a photograph of the site.

Measured over a month, clicks on the first panel accounted for the overwhelming majority. The fourth and fifth had almost none between them.

They replaced it with a single static image, one heading naming what the business is and where, and one button.

The homepage got about a second faster and the click-through to their main service page roughly doubled.

The four messages that lost their slot went further down the page as ordinary sections, where they were seen by more people than the slider had ever shown them to.

The internal argument about whose message went first was harder to resolve than the technical work.

What to do instead

One message, stated clearly, with one action.

Decide what the single most important thing is for a first-time visitor, and give it the space the slider occupied.

Everything else goes below it, in order, as normal sections. That is not demotion; it is being visible in a place where people actually look.

The discipline this forces is the point. Choosing one message is uncomfortable and it is the choice a homepage exists to make.

The counter-case

Where a slider is genuinely appropriate.

A gallery the visitor controls, where browsing images is what they came to do. A portfolio, a product's photographs, a room's before and after.

The distinction is whether it rotates on its own. A carousel the user drives is a legitimate interface; one that moves by itself is a slideshow being shown at somebody.

And on a page where the visitor has already decided and is evaluating options, rather than the top of a homepage where they are still working out what the business does.

Even then, it should not auto-advance, because taking control away from somebody reading is the thing people dislike most about them.

If you are keeping it

Practical improvements, since removing it is sometimes not the available option.

Reduce it to two or three panels. Turn off auto-advance, or slow it considerably. Make the controls visible rather than hidden until hover, which does not exist on a phone.

Ensure the first slide is the important one and is a real image rather than a placeholder that loads first.

Give it a fixed height so the page does not jump when it initialises, which is a common source of layout shift.

And put the most important message in the first slide, on the assumption that nobody will see any other.

The argument you will have internally

Worth anticipating, because the technical case is easier to win than the organisational one.

Removing a slider means telling somebody their message no longer sits at the top of the homepage. That feels like a demotion even when the evidence says it was never being seen.

What helps is bringing the numbers. Clicks per slide, and the last-updated date on each, settle it faster than any argument about design.

What also helps is showing where the messages go instead. Nothing is being deleted; it is moving to a section further down that will be read by more people than the fourth slide ever was.

Framed as a promotion for four messages rather than a loss for three, the conversation goes considerably better.

The accessibility problem

Worth knowing, because it is rarely mentioned.

Content that moves on its own is difficult for people who read slowly, and for anybody using assistive technology it can be disorienting when the content changes mid-read.

Movement can also be a genuine problem for people with vestibular conditions, for whom automatic motion causes real discomfort.

A pause control is the minimum, and not auto-advancing at all is better.

This is one of the cases where the accessible answer and the effective answer are the same, which is not always true and is convenient when it is.

What goes in the space instead

The practical question once the slider is gone, and the answer is less than people expect.

An image that shows what the business does. A heading naming the trade and the area. A sentence of context. One button.

That is the whole of a homepage top section for most small businesses, and it takes a fraction of the height a slider occupied.

Which means more of the page is visible without scrolling, and the sections beneath it start doing work sooner.

The instinct is to fill the space that has been freed. Resisting that is most of the benefit, because a shorter first screen gets people to the content faster.

Deciding what to do

1. Check whether anybody clicks past the first slide.
2. Check when each slide was last updated.
3. Time the page with and without it.
4. Ask what the single most important message is.
5. Try a static version for a month and compare.

The first usually settles it. Most businesses have never looked, and the numbers are more one-sided than anybody expects.

What that first image costs in weight is covered in the photograph that weighs four megabytes.

Frequently asked questions

West Coast Media Solutions Inc. provides web design, web development, hosting, digital marketing, and business consulting to organisations across Canada, drawing on more than twenty-five years in the field.