Carousel

What a Carousel Is

A carousel is a rotating set of slides, typically a hero image with a headline and a button, that cycles through several messages in the same space on a page instead of showing them all at once.

They show up most often on homepages, where a business wants to promote three or four things (a service, a promotion, a testimonial, a new location) but only has one piece of prime real estate to put them in, so the carousel becomes a way to fit everyone’s favorite message into a space built for one.

Why We Talk Clients Out of Them More Than We Build Them

The uncomfortable truth about carousels is that almost nobody waits for the second slide. Heat map studies going back over a decade have consistently shown that somewhere around 90 percent of the clicks a homepage carousel gets land on whatever was showing when the page loaded, which makes every slide after the first mostly decoration that also slows the page down.

Auto-rotating slides create a second problem on top of that: they move while a visitor is still reading the first one, which is exactly the kind of layout shift that hurts both user experience and Core Web Vitals scores. A rotating hero also forces a browser to load several large images before it even knows which one a visitor cares about, which is a strange tradeoff to make on the single page most likely to decide whether someone stays or leaves.

When One Actually Earns Its Spot

Carousels are not universally wrong, they are wrong as a way to hide your most important message behind three other messages nobody will scroll to see. Where they genuinely work is showcasing a set of equally weighted, non-critical items a visitor already wants to browse: a gallery of completed projects, a row of client logos, or product photos on a single item’s page, where flipping through images is the whole point rather than a distraction from it.

If the slide someone doesn’t see could have been the one that convinced them to call, it does not belong in a carousel. Put it on the page permanently instead, and let the carousel handle the supporting content nobody’s decision actually hinges on.

Building One Without Wrecking Speed or Rankings

If a carousel is genuinely the right call, build it so it does not load every image at full size on page load, lazy-load anything past the first slide, keep the total slide count to three or four, and give visitors manual arrows and dots rather than relying on auto-rotation alone. We handle this tradeoff constantly in website design work, where a client’s instinct to show everything has to be balanced against a page that actually loads fast and converts.

Also make sure the images and headline text inside the carousel are real HTML, not just words baked into an image file, or search engines and screen readers will never see the message at all. Keyboard and screen reader support (a pause control, real focus order, alt text on every slide) is not optional polish, it is the difference between a carousel that works for every visitor and one that quietly locks part of your audience out.