By Nimmio Editorial Team | Updated: 23 july 2026 | 10 min read
Quick Answer
To optimise video for fast website loading, use MP4 with H.264 as your universal format, add WebM with VP9 as a lighter alternative for modern browsers and consider AV1 for maximum savings. Compress with FFmpeg or HandBrake, keep most web videos under 5 MB, target 1 to 3 MB per minute at 1080p, set preload to none, add a poster image, and serve everything through a CDN. WebM can cut file size by 25 to 35 percent, and AV1 by up to 50 percent. Done right, video adds engagement without hurting your Core Web Vitals. |
Table of Contents
1. Why Does Video Optimisation Matter So Much?
2. Which Video Formats Should You Actually Use?
3. Step by Step Guide to Optimising Your Video
4. Which Tools Do the Job Best?
5. Case Study: How Video Builds a Brand and Drives Sales
6. Which Industries Must Invest in Video Marketing?
7. Frequently Asked Questions
Why Does Video Optimisation Matter So Much?
Video is the most powerful content on your website, but also the heaviest. One unoptimised file can undo months of design and SEO work in seconds.
The numbers are clear. Pages with video earn roughly 41 percent higher click through rates, and video on a landing page can lift conversions by up to 86 percent.
But those gains only arrive if the video loads fast. An uncompressed file can push Largest Contentful Paint past eight seconds, far beyond Google's 2.5 second threshold, causing bounces and weaker rankings. The goal is not to avoid video, but to serve it properly.
Which Video Formats Should You Actually Use?
A container such as MP4 or WebM packages video, audio, and metadata, while the codec inside decides how efficiently it compresses. Here is the 2026 comparison:
Format | Codec | File Size | Support |
MP4 | H.264 | Baseline | 99% of browsers |
WebM | VP9 | 25 to 35% smaller | Chrome, Firefox, Edge |
AV1 | AV1 | Up to 50% smaller | Modern, limited Safari |
MP4 | H.265 / HEVC | About 50% smaller | Licensing gaps |
The practical answer is layered. Serve WebM or AV1 to browsers that support them, keeping MP4 with H.264 as the universal fallback. Roughly 20 percent of traffic still needs that fallback, so skipping it is costly.
Step by Step Guide to Optimising Your Video
Step 1: Trim before you compress
The cheapest optimisation is removing what nobody watches. Cut dead air and keep web videos short.
Step 2: Set the right resolution and bitrate
Most sites do not need 4K. Use 1080p for hero videos, 720p for mobile first designs, targeting 1,500 to 2,500 kbps.
Step 3: Compress with FFmpeg
FFmpeg is free and gives the most control:
ffmpeg -i input.mp4 -c:v libx264 -crf 23 -preset slow -c:a aac -b:a 128k output.mp4
CRF controls quality. Lower means better quality and bigger files, and 23 to 28 suits most web video. For WebM:
ffmpeg -i input.mp4 -c:v libvpx-vp9 -crf 32 -b:v 0 -c:a libopus -b:a 96k output.webm
Step 4: Add fallbacks in your HTML
Let the browser pick the lightest file it can play. List the smallest first:
<video preload="none" poster="thumb.jpg" controls>
<source src="clip.webm" type="video/webm">
<source src="clip.mp4" type="video/mp4">
</video>
Step 5: Control loading behaviour
Set preload to none: This stops the browser downloading the video before anyone clicks play.
Always add a poster image: A compressed JPG or WebP thumbnail loads instantly and looks intentional.
Lazy load below the fold: Videos further down the page should only load when the visitor scrolls near them.
Step 6: Serve through a CDN
A CDN stores copies of your file close to visitors. Compressed video served from a CDN with preload off has minimal impact on page speed. For longer content, adaptive bitrate streaming adjusts quality to each connection.
Which Tools Do the Job Best?
FFmpeg: Free, command line, and the most powerful option for batch compression and format conversion.
HandBrake: Free with a friendly interface and ready made web presets. Ideal if you dislike the command line.
Cloudinary or Mux: Automatic format delivery, giving each browser the best version without manual encoding.
PageSpeed Insights: Free testing to confirm your video is not damaging Core Web Vitals
Case Study: How Video Builds a Brand and Drives Sales
From Static Page to Converting Brand ExperienceA service business has a text heavy homepage. Visitors skim and leave without understanding what makes the company different. The team adds three videos: a brand film explaining the service, customer review videos and clips from a live event shoot. The results follow documented industry patterns. Pages with video convert at around 4.8 percent versus 2.9 percent without, a lift of roughly 65 percent. Video keeps visitors up to two minutes longer, 72 percent of customers trust a brand more after seeing video testimonials, and 85 percent say video has convinced them to buy. The critical detail is delivery. Uploaded raw, those videos would push load times past eight seconds and destroy the gain. Compressed to WebM with MP4 fallbacks and served from a CDN, the page stayed fast and the video did its job. |
This is where production and delivery must work together. At Nimmio, we handle both: shooting brand films, review videos, promotional content, and event live shoots, then delivering them in web ready formats that load fast. A beautiful video nobody waits for is wasted money.
Which Industries Must Invest in Video Marketing?
Around 91 percent of businesses now use video marketing, so advantage comes from how you use it. These sectors gain most:
Real estate: Property walkthroughs and drone footage let buyers shortlist before visiting, saving everyone time.
Hospitality and events: Event live shoot coverage and venue films sell an atmosphere that photos simply cannot capture.
Ecommerce and retail: Product demos and unboxing videos answer buying questions instantly and cut returns.
Healthcare: Doctor introductions and facility tours build trust before booking.
Education: Course previews and campus tours drive enrolment better than brochures.
Manufacturing and B2B: Factory walkthroughs and process films prove capability to serious buyers, and testimonial videos rank among the highest ROI B2B formats.
Across all of these, three formats carry the most weight: customer review videos that build trust, promotional videos that explain the offer, and event live shoot footage that shows real activity and scale.
Frequently Asked Questions
Q. What is the best video format for a website?
A. MP4 with H.264 is the safest universal choice since it works in about 99 percent of browsers. For smaller files, add WebM with VP9 or AV1 as the primary source and keep MP4 as the fallback.
Q. How big should a website video file be?
A. Aim for under 5 MB for most web videos. At 1080p, target roughly 1 to 3 MB per minute. Anything much larger will start affecting your page speed scores.
Q. Does video hurt my SEO and Core Web Vitals?
A. Only if it is unoptimised. A large raw file can push Largest Contentful Paint beyond eight seconds against Google's 2.5 second target. Compressed video with preload set to none and CDN delivery has minimal impact.
Q. Should I use AV1 right now?
A. AV1 offers up to 50 percent smaller files and is the future of web video, but encoding is slow and Safari support is still incomplete. Use it with WebM or MP4 fallbacks rather than on its own.
Q. What is the easiest free tool to compress video?
A. HandBrake is the friendliest for beginners with ready-made web presets. MPEG gives more control and handles batch processing if you are comfortable with commands.


