Page speed plays a crucial role in user experience and conversions. Tools like Google PageSpeed Insights, GTmetrix, and Pingdom can measure load times, but their benchmarks can be misleading—especially when analyzing modern video players like Vidalytics.
The Vidalytics player is optimized for real-world performance, not arbitrary benchmark scores.
That said, here are general best practices and specific tips to help you optimize your site’s performance.
Best Practices for Faster Load Times
1. Optimize Your Images
Use tools like TinyPNG or ImageOptim to compress images without visible quality loss.
Avoid large, uncompressed images, as they significantly slow down page load speeds.
2. Use Cloud Hosting & a CDN
Prefer high-quality cloud hosting for faster server response times.
Use a Content Delivery Network (CDN) to distribute assets across multiple servers worldwide, so visitors load content from a server closest to them.
Many page builders already include CDN support — check your hosting provider’s options and enable CDN where possible.
3. Avoid Bloated Page Builder Themes
Many pre-built themes come with heavy scripts, animations, and features that aren’t needed for most pages.
Stick to lightweight, optimized themes and remove unused blocks, widgets, and plugins whenever possible.
4. Implement Caching
Use a caching plugin or built-in platform caching to store static assets (images, CSS, JS) locally.
Enable browser caching and server caching (or CDN caching) so assets aren’t re-downloaded on every visit.
Why Speed-Test Tools Report Slow Loading With Video
1. Video players work differently from normal elements
Modern video players use:
Autoplay logic
Background loading of video segments
Network requests that continue after the page is already interactive
Speed-test tools do not fully understand this behavior.
They assume that if something is still downloading, the page is “not finished loading,” which is not correct.
2. Autoplay confuses GTmetrix, PageSpeed Insights, and similar tools
When autoplay is enabled on a video:
The player begins preloading immediately.
Background video segment requests start right away.
Tools like Lighthouse or GTmetrix interpret these as a delay.
However, the player is ready for your visitors much earlier than when these tools mark the page as “fully loaded.”
3. “Onload Time” is the relevant metric
For tools like GTmetrix and Pingdom, focus on Onload Time, not “Fully Loaded Time”:
Onload Time → When the page becomes usable and interactive.
Fully Loaded Time → Includes all background requests (including streaming segments) which do not affect user experience.
Everything after Onload Time is mostly background video activity.
How Vidalytics Loads in Real Life (Simple Explanation)
1. What Smart Autoplay actually does
Smart Autoplay in Vidalytics is designed to make your video start as smoothly as possible, regardless of browser restrictions:
If the browser blocks autoplay with sound:
Video starts muted
An Autoplay Message prompts viewers to unmute
If the browser allows autoplay with sound:
Video autoplays with sound
Because of this, the player may begin loading earlier or in a different pattern than traditional speed-test tools expect, often leading to misleading performance scores.
2. Background video requests are normal
When a video begins playing, the player downloads small video segments:
1.ts 2.ts 3.ts ...
This is standard behavior for all modern streaming platforms (YouTube, Netflix, Vimeo, etc.).
These segments:
Load in the background
Do not delay initial page rendering
Do not prevent the page from becoming interactive
Speed-test tools, however, count these background requests as if the page is “still loading,” which is not how real users experience the site.
3. Why this doesn’t slow down real visitors
Even if GTmetrix or Lighthouse reports a long Fully Loaded Time, your visitor already sees:
The video frame with the Autoplay Message
The video playing (muted or unmuted, depending on the browser)
A fully interactive page
In other words, real-world experience is fast — synthetic tools simply misinterpret background streaming activity.
4. Synthetic tools always underestimate video performance
Most speed tools are designed around pages with:
Text
Images
Static assets
They are not designed for live video streaming and tend to penalize any ongoing streaming activity — even when it has zero impact on real users.
Common Reasons Your Page May Feel Slow (Not Related to Vidalytics)
In practice, most slowdowns are caused by other elements on the page, not the video player.
1. Heavy third-party scripts
These often cause the biggest delays:
Tracking pixels (Facebook, TikTok, Google Ads)
Personalization tools
Heatmaps (Hotjar, FullStory)
A/B testing platforms (VWO, Optimizely, etc.)
They often:
Load early
Block rendering
Add significant JavaScript execution time
2. Page builders add extra weight
Platforms like:
ClickFunnels
GoHighLevel
Elementor
Convertri
Shopify / Wix
Ship with large built-in scripts and CSS bundles that cannot be fully removed.
These typically affect startup speed far more than a video player embed.
3. Large images in hero sections
Google officially recommends optimizing Largest Contentful Paint (LCP) images.
Guidelines:
Most images should be around 50–200 KB.
Avoid images larger than 500 KB whenever possible.
Use WebP format where supported.
Large hero images are one of the most common causes of poor LCP scores.
4. Large CSS or JS bundles
Even well-designed pages can include:
Bloated, render-blocking CSS
Unused or heavy JavaScript libraries
These issues typically impact perceived performance more than a video embed.
5. Slow servers or high TTFB
If your server has:
Time To First Byte (TTFB) > ~500 ms
Then the entire page will feel slower.
This is a hosting/performance issue, not a video issue.
General Tips to Improve Page Speed
These recommendations apply broadly to most websites.
1. Optimize images
Compress images using tools like TinyPNG or ImageOptim.
Convert to WebP where supported.
Reduce resolution to what’s actually needed on screen.
2. Audit and reorganize third-party scripts
Move non-critical scripts to the bottom of the page.
Load scripts with
deferorasyncwhere possible.
This often improves real-world performance immediately.
3. Enable caching
Enable browser caching (via headers or plugins).
Use server-level caching (e.g., page caching, object caching).
Leverage CDN caching of static assets.
4. Use a CDN
A CDN can help deliver:
Images
Fonts
JavaScript
CSS
from locations geographically closer to your visitors, reducing latency.
5. Follow Lighthouse best practices
Google recommends:
Delaying or deferring non-critical third-party resources
Reducing unused JavaScript
Optimizing LCP images
Using lazy-loading for heavy components
These improvements benefit all pages, not just those with videos.
Tips Specific to the Vidalytics Player
1. Use “Multiple Videos” embed when placing more than one video
If you have several Vidalytics videos on the same page, use the Multiple Videos embed option.
This prevents duplicate script loading and improves performance.
2. (Optional) Use the Global Script
On multi-page websites, using the Global Script can:
Load the Vidalytics core script once
Reduce repeat initialization time on subsequent page loads
This can slightly improve overall perceived performance.
3. Disable Smart Autoplay for speed tests
For clean, accurate synthetic test results:
Temporarily disable Smart Autoplay in Vidalytics.
Run your performance tests (PageSpeed, GTmetrix, etc.).
Re-enable Smart Autoplay after testing for the best real-world UX.
4. Choose “Fastest (Low Quality)” startup mode
Vidalytics offers a Fastest (Low Quality) startup option:
Reduces the size of the initial video segment
Can improve initial loading time and test results
Use this mode carefully, as it lowers video quality for the first few seconds of playback.
5. Consider lazy-loading the player with a facade
A facade shows a static thumbnail image and loads the actual player only when clicked.
Google Lighthouse directly recommends this for third-party resources, see:
Lazy load third-party resources with facades – Chrome Developers
Benefits:
Improves LCP (Largest Contentful Paint)
Improves TTI (Time To Interactive)
Improves Speed Index
Can dramatically boost test scores without hurting user experience
If you’d like help reviewing your specific page, interpreting your speed-test results, or applying these optimizations, you can always contact Customer Happiness Team at [email protected].
