Web Design30 October 2026 · 7 min read

Should your website have a video background?

A film at the top of a home page shows the work better than any photo, and it is the most common way a small business site ends up slow. When it is worth it, and six checks you can run yourself.

By Newcastle Web Co, Cameron Park NSW 2285

Scroll
A glass of sparkling rosé against gold lights, the opening frame of a film of three website home pages: a winery, a hair salon and a landscaper

A short film at the top of a home page is the fastest way to show what a business does: the finished garden, the haircut, the cellar door at dusk. It is also the most common way a small business website ends up slow, and most of the advice online stops there and tells you not to bother. Here is when a video background is worth it, when a photo does the job better, and the checks you can run yourself, with no technical knowledge, before you pay anyone for one.

Short answer

Yes, if your customers buy on what the finished work looks like and the video does not cost the site its speed on a phone. A video background suits landscapers, builders, salons, wineries, venues and anyone selling a place or a result. It suits a business people ring in a hurry far less. Whoever builds it, check the page's mobile score on Google's free PageSpeed test before and after the video goes on. If the score drops well below 90, the fault lies in how the video was added to the page, which comes down to the process of whoever built it. Done properly, a video background should not reduce the page's performance.

What a video background does that a photo can't

A photo shows one moment. A few seconds of film show the moment and the feeling around it: light moving across a paved courtyard, scissors working through hair, bubbles rising in a glass. A visitor gets more of what you do in the first five seconds than a paragraph or a gallery would give them, and they get it before they have decided whether to scroll.

That first screen matters more than it looks. It is the only part of the page every visitor sees, and for a business that sells something people judge with their eyes, it is where they decide whether you are the kind of business they had in mind. A good film there does the work of a portfolio before anyone opens one.

The real cost: speed on a phone

A film is many times heavier than a photo, and the visitor pays for that weight in time. On a laptop on home internet it barely shows. On a phone on a mobile signal, which is how most people find a local business, a heavy video can leave the page blank, frozen or jumping around for several seconds while it arrives. People do not wait for that. They go back to Google and tap the next result.

Google measures it too. Its free PageSpeed Insights test scores how fast a page loads and becomes usable on a phone, out of 100, and page experience is one of the things Google weighs when it ranks a site. When we tested 736 small business websites across Newcastle, Lake Macquarie and Maitland, the typical one scored 57. A heavy film on the first screen only pulls a number like that further down.

That is why most articles on this conclude that video backgrounds are a bad idea. The conclusion is fair about how video is usually added. It is not a rule. Three of our website designs open on a full-screen film, and on the same mobile test they score 99, 99 and 100 out of 100. A video background and a fast website are not a trade-off when the video is built for the phone from the start.

Which businesses it suits, and which it doesn't

A video background earns its place when the customer is choosing on what the result looks like, and is in no particular hurry. Landscapers, builders and renovators, salons and barbers, wineries, cafes, venues, photographers, tourism and accommodation: their customers browse, compare and picture themselves there, and a film helps them do it.

It earns much less when the customer needs a phone number now. Someone whose hot water system has burst wants the number, the suburbs you cover and a sign that you answer the phone, in that order, and a film above all that is in the way. An electrician, a plumber, a locksmith or a pest controller is usually better served by a strong photo of a real job and a big button to call. The same goes for an accountant or a lawyer, whose customers are weighing up trust and price rather than a look.

What footage works

Your own work beats stock footage every time, even filmed on a decent phone. A customer can tell a generic stock garden from a real one, and the real one is the reason to have a film at all. If you use stock to begin with, which is fine, swap your own in as soon as you have it.

Keep each shot short, a few seconds, and the whole loop short too: ten to twenty seconds that start again without a visible jump is plenty. Choose calm movement over fast cuts, because the words on top have to stay readable on every frame. Leave the sound off; a background video plays muted, and anyone who wants a full film with sound can be given a separate one to press play on. And keep the brightest shots away from where the heading sits, or the text disappears into a white sky.

Six checks before you pay for one

You do not need to know how a video background is built to tell whether it has been built well. Ask whoever is quoting to show you an example they have made, then run these on your own phone.

  1. The mobile score.

    Put the page into Google's free PageSpeed Insights, on the mobile tab. Ask what the same page scored before the video went on. A drop of a few points is fine. Anything well under 90 is a problem.
  2. The first second.

    Open the page on your phone on mobile data, not wi-fi. Can you read the heading, open the menu and tap the phone number straight away, or are you waiting for the film?
  3. The phone version.

    Does the film fill the phone screen properly, or is it a wide laptop video squeezed into a tall screen with the important part cut off?
  4. Data saver and reduced motion.

    Turn on data saver, or reduce motion in your phone's accessibility settings, and reload. The page should show a still photo instead, and work exactly the same.
  5. A pause button.

    Moving pictures that start on their own and keep going need a way to stop them, for people who find motion distracting or unsettling. It is part of the main web accessibility standard, and it should be there and easy to find.
  6. The words on top.

    Watch one full loop. Is the heading readable on every frame, including the brightest one?

A site that passes all six has a video background that works for you. A site that fails the first two has one that is quietly costing you calls.

What it looks like done properly

Our three film designs are Ember Hill, a winery in Pokolbin; Marram Hair, a hair salon in The Junction; and Fernline Landscapes, a landscaper in Broadmeadow. Each one is a real, working website for a business that doesn't exist, and each opens on its own film, with an upright version made for phones. You can open them on your own phone and run the six checks above against them; that is what they are there for. Every website package we build includes a video hero if you want one, at no extra cost: you supply the footage, and the packages page says what each one includes. What else makes a site work on every screen is on our responsive web design page, and every design we have built is on the designs page.

Written by Newcastle Web Co, web design & seo in Cameron Park NSW 2285. Last updated 30 October 2026.

Video heroesGoogle PageSpeed · mobile

Three video backgrounds, still fast.

A glass of sparkling rosé against gold lights, the opening frame of three website home page films

Ember Hill

Winery, Pokolbin99/100

Marram Hair

Hair salon, The Junction99/100

Fernline Landscapes

Landscaper, Broadmeadow100/100
01

Loads fast: a still first, then the film

The page opens straight away with a still from the film, so nobody waits on a blank screen and the menu, the phone number and the quote button work from the first second. The film takes over a moment later, on the same picture, so the switch is hard to spot.

02

A separate cut for phones

A phone gets its own upright version of the film, made for a phone screen, so it fills the screen properly and doesn't use up the visitor's mobile data on a wide version made for a laptop.

03

Pauses off screen, and when motion is off

The film stops when you scroll past it and starts again when you come back. Anyone who has turned off motion on their phone, or switched on data saver, gets the still photo instead, and the rest of the site works exactly the same.

See the designs →Scores are mobile PageSpeed tests of each design's home page, tested 29 Oct 2026, 30 Oct 2026 and 30 Oct 2026.
Web Design questionsStraight answers. No nonsense.

Website video background questions.

Usually, yes, because a film is many times heavier than a photo and on a phone signal that weight decides how long the page takes to become usable. It does not have to. Check the page on Google's free PageSpeed Insights test, on the mobile tab, before and after the video goes on. If the score stays above 90, the video is not costing you speed. Our three designs that open on a full-screen film score 99 and 100 on that test.

Not in itself. Google does not mark a page down for having a video. What it does weigh is how fast and how usable the page is on a phone, so a video that makes the page slow or jumpy costs you there, and a video that leaves the page fast costs you nothing. The words on the page, the headings and the page title still do the ranking; the film is for the person, not for Google.

Short. Ten to twenty seconds that loop without a visible jump is plenty, made of a few calm shots of a few seconds each. Nobody watches a background video from start to finish; they take in the first few seconds while they read the heading. A longer file only adds weight without adding anything a visitor will see.

No. Phones and browsers stop videos with sound from playing on their own, and a home page that starts talking is the quickest way to make someone close it. A background video plays muted. If you have a film with sound worth hearing, such as a customer talking about the job, put it lower down the page with a play button the visitor presses.

They can, if the phone gets its own version. A wide video made for a laptop, squeezed onto a tall phone screen, crops off most of the picture and often the part that mattered. A well-built site gives a phone an upright version of the film made for that shape, and shows a still photo instead to anyone with data saver or reduced motion switched on.

Yes, as long as the licence allows it: free libraries such as Pexels allow commercial use on a website, and paid ones such as Envato and Shutterstock sell a licence. It is a fair way to start. Your own footage of your own jobs is better, because a customer can tell a generic stock garden or salon from a real one, and the real one is the reason to have a film at all. A decent phone is enough to film it.

Keep reading

All posts →
Newcastle Web CoSee the film designs.See the film designs.

Want a film on your home page? Video heroes come with every fixed-price build, no templates. After launch you can have us keep the site, film and all, running and updated from $50 a month, about what managed WordPress hosting alone would cost you.

← All work