-
Posts
-
What are the steps to ensuring a home page background video plays immediately without lag?
Currently, a video hosted at Vimeo is used in a Color Section as a Background Video. It takes too long to display. Also, if the browser tab is open and revisited later, the video doesn’t show at all—the browser must be reloaded for the video to show again, after a long delay of course.
The video URL has this appended: ?autoplay=1&loop=1&background=1&mute=1
Hey Tanja,
Thank you for the inquiry.
The video seemed to be loading quickly when we checked. The delay is quite normal since the video needs to buffer some content before it can play. Unfortunately, we don’t have direct control over this, as it depends primarily on Vimeo and network conditions, as well as the viewer’s device and browser. You could try optimizing the page further so that other resources load as quickly as possible, which should slightly improve the overall experience.
— https://gtmetrix.com/wordpress-optimization-guide.html
— https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslowBest regards,
Ismaeli do not know if appending preload=auto can have a positive effect on that.
you can try to add to that page a preconnect to vimeo headers.
<link rel='preconnect' id='preconnect-vimeo-css' href='https://player.vimeo.com' type='text/css' media='all' /> <link rel='preconnect' id='preconnect-vimeo-i-css' href='https://i.vimeocdn.com' type='text/css' media='all' /> <link rel='preconnect' id='preconnect-vimeo-f-css' href='https://f.vimeocdn.com' type='text/css' media='all' />if this is GDPR compliant (DSGVO for our german spoken Participants – like me ) is a different question.
have a look at: https://ciffonedigital.com/video-backgrounds-wordpress-vimeo/If the video file-size is not big – the best performance will be to self-host the video.
As I said, you’ll have to figure out the GDPR and consent yourself.
You could try – initially just with an array for your pages where you use Vimeo:function vimeo_preconnects_specific() { $vimeo_pages = array( 12, // Seiten-ID 45, // Seiten-ID 'portfolio', // Slug 'about' // Slug ); if (is_front_page() || is_page($vimeo_pages)) { ?> <link rel="preconnect" href="https://player.vimeo.com" crossorigin> <link rel="preconnect" href="https://i.vimeocdn.com" crossorigin> <link rel="dns-prefetch" href="https://f.vimeocdn.com"> <?php } } add_action('wp_head', 'vimeo_preconnects_specific', 5);Thanks all for your ideas, and @guenni007 for testing out your theory— too bad it didn’t speed up the video performance. I’ll have to keep looking for a solution.
- You must be logged in to reply to this topic.