Shoppable video that keeps your store fast
Videoselz combines heavy DOM optimization with lazy loading that goes beyond Shopify's own, so video loads only when a shopper is about to watch it, and every carousel runs in its own Shadow DOM. Add as many videos as you like; your store stays fast and smooth.
playingplayingThe short answer
How does Videoselz keep video from slowing down my store?
Three things happen before a shopper ever presses play: the script stays out of the way, video waits until it's seen, and the carousel plays a light preview instead of the full file.
Your store renders first
The Videoselz script loads in the background, so your theme paints before any video work begins. Add more carousels and the page doesn't get heavier to start.
Lazy loading, taken further
Videoselz goes beyond Shopify's built-in lazy loading with its own heavily optimized loading, so video arrives only when a shopper is about to watch it and pages stay snappy.
Light previews, HD on demand
Carousels play lightweight previews. Full-quality video loads only when a shopper opens a video to watch it properly.
Under the hood · DOM manipulation
What happens to a video as a shopper scrolls?
Behind the scenes, Videoselz does heavy DOM manipulation so each video is exactly as active as the shopper needs it to be: dormant until it matters, ready the moment it does.
- 1
Dormant
dormant
Videos the shopper can't see stay dormant. They use no network and no CPU, however many are on the page.
- 2
Anticipating
about to watch
Videoselz detects when a shopper is about to reach or interact with a video, before they get there.
- 3
Fetching
fetching
It fetches that video proactively, so it's ready the moment the shopper arrives, with no spinner and no wait.
- 4
Playing
playing
The video plays smoothly. When the shopper moves on, it goes back to dormant and hands its bandwidth to what they watch next.
Scale
Can I put lots of videos on one page?
Yes. The number of videos on a page doesn't set the cost; what the shopper is actually watching does. Videos out of sight stay dormant, so an extra carousel further down the page costs next to nothing until someone scrolls to it.
- Heavily optimized lazy loading goes beyond Shopify's built-in lazy loading and keeps every page snappy, however many carousels it holds.
- Shoppers stay in control. Videos play when a shopper chooses to watch them, not all at once competing for attention.
- Hidden videos aren't downloaded, and playback pauses when a shopper leaves the tab. Even on pages with hundreds of videos, precious CPU and network go only to what the shopper is watching.
- Parallel bandwidth management paces video downloads so they never crowd out the rest of your store.
Isolation
Will Videoselz clash with my theme?
Every Videoselz carousel renders inside its own Shadow DOM. Your theme's CSS can't reach in and break the player, and Videoselz's CSS can't leak out and restyle your store.
Buttery-smooth browsing
How do shoppers move through videos?
However they like. The carousel responds to trackpads, mouse wheels, touch and keyboards, so browsing video feels like scrolling the rest of your store.
Trackpad and mouse wheel
A two-finger swipe on a trackpad, or a sideways scroll on a mouse wheel, moves the carousel and the full-screen player, just like scrolling a page.
Touch and drag with momentum
Swipe or drag and the carousel glides on with momentum, then settles naturally under the shopper's finger.
Keyboard and screen readers
Video cards can be focused and opened with the keyboard, and the carousel and its controls are labelled for screen readers.
Rigorously tested
How do we know it stays fast?
We test Videoselz rigorously across thousands of permutations and combinations of devices, network speeds and carousel setups, so every release keeps these promises.
Videoselz also holds Shopify's Built for Shopify badge, which requires meeting Shopify's performance standards. For tips on keeping your own videos light, read the performance guide.
- Fast first playThe first video is ready moments after it comes into view.
- No wasted preloadingVideos further down the page wait their turn.
- Parallel bandwidth managementVideo downloads are paced so they never crowd out your store.
- Bandwidth conservationVideoselz fetches only what a shopper actually needs.
- Instant full screenOpening a video full screen feels immediate.
FAQ
Videoselz performance questions
Will Videoselz slow down my Shopify store?
Will Videoselz slow down my Shopify store?
No. Videoselz loads in the background so your store renders first, and its lazy loading goes beyond Shopify's built-in lazy loading, so video downloads only when a shopper is about to watch it. Videoselz also holds the Built for Shopify badge, which requires meeting Shopify's performance standards.
How many shoppable videos can I put on one page?
How many shoppable videos can I put on one page?
As many as your page needs. Videos a shopper can't see stay dormant and aren't downloaded, so even pages with hundreds of videos save CPU and network for the video the shopper is actually watching.
Does Videoselz work with a trackpad?
Does Videoselz work with a trackpad?
Yes. A two-finger swipe on a trackpad or a sideways mouse-wheel scroll moves the carousel and the full-screen player. Touch swipe and mouse drag work too, with momentum.
Will Videoselz clash with my Shopify theme's CSS?
Will Videoselz clash with my Shopify theme's CSS?
No. Each carousel renders inside its own Shadow DOM, so theme CSS can't break the player and Videoselz CSS can't restyle your store.
Does Videoselz load HD video in the carousel?
Does Videoselz load HD video in the carousel?
No. Carousels play lightweight previews, and full-quality video loads only when a shopper opens the full-screen player.
How do you test Videoselz performance?
How do you test Videoselz performance?
We test Videoselz rigorously across thousands of permutations and combinations of devices, network speeds and carousel setups, so it stays fast and smooth for shoppers.
Add every video you want. Keep the speed.
Videoselz has a free plan, and setup needs no theme code.
