Ways to improve page speed if your website has videos

2. Native hosting: the performance killer hiding in plain sight

Most platforms, including Webflow, let you upload video directly. Convenient on the surface. A bigger problem underneath.

Your CMS isn't built to stream video efficiently. Every time someone loads a page, your server delivers the full file. Even if the viewer only watches the first five seconds. That eats bandwidth and slows down the rest of your site too.

Compression is also your problem with native hosting. Most marketing teams upload videos in whatever format their videographer sent over. A two-minute clip can easily land over 100MB. Your site struggles under the weight.

Technical specifications for native hosting

• Supported formats: MP4, MOV, AVI (depending on CMS)
• Recommended file size: under 10MB for acceptable performance
• Compression required: 60% to 70% reduction from source
• Bandwidth: full file size per viewer load

2.1 When native hosting actually works

Native hosting is fine for small video clips under 10MB on low-traffic pages. It's also fine when data privacy rules out third-party platforms, or when you need complete control over delivery with no external dependencies.

For everyone else, it's a mistake.

3. YouTube and Vimeo: the middle ground

YouTube is the default for most teams. It's free, easy to embed, and uploaded videos sit on Google's CDN. The problem is what each YouTube embed loads with it. The iframe pulls in tracking scripts, recommendation panels, related videos, ads, and a heavy JavaScript payload. Most of that lives in the player whether the viewer presses play or not. The result is slower page loads, weaker Core Web Vitals, and a player that competes with your brand for attention.

Vimeo Pro skips the YouTube branding and gives you a cleaner player. It's lighter than YouTube on the page and quicker to load. Compression sits at 70% to 75% with slightly better quality retention.

Paddle Creative Insight: We push clients toward a specialist platform when page speed matters and when the video sits front and centre on the page. The two big reasons are Core Web Vitals and brand. Hero video on a marketing site shouldn't be tanking LCP. And a player with someone else's logo, recommended videos, and ads doesn't belong on a homepage that's trying to convert.

Platform Performance Analysis

YouTube:

• Average load time: 3 to 5 seconds
• Compression ratio: 80% to 85%
• Bandwidth: 2 to 4MB per second
• Global CDN coverage: 99.9%
• Page weight: high (tracking, recommendations, ads)

Vimeo Pro:

• Average load time: 4 to 6 seconds
• Compression ratio: 70% to 75%
• Bandwidth: 3 to 5MB per second
• CDN coverage: 95% major markets
• Page weight: moderate

3.1 The auto-play problem

Both platforms restrict auto-play on mobile. A lot of marketing videos rely on auto-play to grab attention as soon as the page loads. Platform restrictions can quietly break the experience you designed.

Paddle Creative Insight: We've tested dozens of video hosting setups across client sites. YouTube does the job for blog content and educational video. For hero sections and product demos where brand consistency matters, it falls short. In our testing across 50+ client implementations, YouTube embeds averaged 3.8-second load times. Optimised alternatives came in at 2.2 seconds.

4. How fast is SuperMoo compared to the rest?

SuperMoo consistently beats traditional hosting on speed.

Vimeo is quicker than YouTube. SuperMoo is quicker again. The order looks like this on a typical marketing page:

• Native hosting: 8 to 10 seconds
• YouTube: 3 to 5 seconds
• Vimeo Pro: 4 to 6 seconds (lighter than YouTube on the page, even when load time is similar)
• SuperMoo: 1 to 2 seconds

SuperMoo gets there through 90% compression while keeping HD quality, async loading, and delivery via a global CDN built for video. It also strips out everything you don't need on a hero video. No recommendations. No ads. No branding except yours.

Technical specifications for SuperMoo

• Supported formats: MP4, WebM, MOV with automatic conversion
• Compression ratio: 88% to 92% size reduction from source
• Bandwidth: adaptive streaming at 1 to 3MB per second
• CDN coverage: 150+ global edge locations

SuperMoo uses adaptive bitrate streaming, so the player adjusts quality based on the viewer's connection. Smooth playback, lower data use, no buffering wheel.

Paddle Creative Insight: We've used SuperMoo on client sites where hero video performance was a bottleneck. Largest Contentful Paint improves by 2 to 3 seconds on video-heavy pages without any other changes to the build. That's the kind of gain that moves Core Web Vitals from amber to green.

4.1 When SuperMoo isn't the right fit

SuperMoo earns its place on marketing-led sites where hero video performance, auto-play, and a branded player matter. It's overkill in two scenarios.

Budget-led teams with mostly blog and educational video. YouTube's free CDN does the job with very little setup.

Strict data privacy requirements that rule out third-party video delivery. Self-hosted is the only option in that case.

5. Step-by-step implementation guide

YouTube implementation

Steps:

1. Upload the video to your YouTube channel
2. Copy the embed code from video settings
3. Add loading="lazy" for performance
4. Test auto-play behaviour on target devices

Vimeo Pro implementation

Steps:

1. Upload to your Vimeo Pro account
2. Configure privacy and branding settings
3. Generate the embed code with your preferred parameters
4. Add lazy loading for any video below the fold

SuperMoo implementation

Steps:

1. Create a SuperMoo account and upload your video
2. Configure player settings and branding
3. Copy the embed code
4. Add it to your site with a lazy loading wrapper

Case study: Automata cut page load time by 67% with SuperMoo

Automata is a London-based robotics company building AI-ready lab automation platforms for research and biotech. Their website is a sales tool, so hero video is doing real work on the page.

The problem was the player behind the video. They were running HubSpot's built-in video on the homepage, and it was dragging the page down. GTmetrix scored the site a D at 55% performance. Time to Interactive was 10.4 seconds. TTFB was 800ms.

The fix took five minutes. Automata's team swapped the HubSpot embed for a SuperMoo player. No redesign. No migration. Same page, same test server, same conditions.

Before (HubSpot video):

• Performance score: 55% (Grade D)
• Largest Contentful Paint: 1.8 seconds
• Time to First Byte: 800ms
• First Contentful Paint: 1.1 seconds
• Time to Interactive: 10.4 seconds
• Onload Time: 3.2 seconds

After (SuperMoo):

• Performance score: 70% (Grade C)
• Largest Contentful Paint: 584ms (67% faster)
• Time to First Byte: 68ms (91% faster)
• First Contentful Paint: 429ms (61% faster)
• Time to Interactive: 4.9 seconds (53% faster)
• Onload Time: 2.0 seconds (37% faster)

Results: 67% faster LCP. 91% faster server response. The grade jumped from D to C off a single embed swap, with zero design changes.

Source: independent GTmetrix tests run in Seattle, Chrome 142, Lighthouse 12.6.1. Full HubSpot report and SuperMoo report available, alongside the original SuperMoo case study.

File size and compression recommendations

Optimal file sizes by length:

• 30-second clips: 5 to 8MB compressed
• 1 to 2 minutes: 10 to 15MB compressed
• 3 to 5 minutes: 20 to 30MB compressed
• Longer content: break it into chapters

Compression by platform:

• Native hosting: 0% (raw upload)
• YouTube: 80% to 85% reduction
• Vimeo Pro: 70% to 75% reduction
• SuperMoo: 88% to 92% reduction

Key concepts

Core Web Vitals: Google's performance metrics covering page loading speed, interactivity, and visual stability. They feed directly into search rankings and user experience.

CDN (Content Delivery Network): A network of servers around the world that deliver video content from the location closest to each viewer. Less latency, faster playback.

Lazy loading: A technique that delays loading video until the viewer scrolls near it. Speeds up the first paint and saves bandwidth.

LCP (Largest Contentful Paint): A Core Web Vitals metric measuring how quickly the biggest content element on a page loads. Video is usually the main culprit.

Video compression: The process of reducing video file size while keeping enough quality for the web.

Adaptive bitrate streaming: Automatically adjusts video quality to match the viewer's connection. Smooth playback, lower data use.

Ready to make your video work harder?

You've seen the numbers. Your video hosting choice shapes conversion rate and search visibility.

Paddle Creative has optimised video delivery for hundreds of marketing sites. We know which setup fits which job, and we'll audit yours before recommending anything.

Book a call