[ad_1]
I am building a website using WordPress for a B2B business, I would like know if adding a video as a background of a container with heading and texts would cause the website to rank low and have reduced loading speed ?
The video would be compressed to the least possible file size, but it would be helpful if anyone can point out if there is a threshold like below 10 mb or something of that sort? Also whether it has to be upload on the hosting server or embed from an uploaded YouTube video?
My main priority is website ranking and loading speed across all devices, but confused whether adding a background video for aesthetics would affect negatively.
Regards
[ad_2]
Would it affect its rank? No. People put too much weight in “SEO” and metrics like that.
That been said, you want to do it in the best way possible for user experience. Take a single frame from the video, load that as your hero image in webp.
Once the page loads, initialise the video and remove the image but make sure to retain the height of the parent element. That ensures it’s loading quickly and isn’t causing the page to jump around.
We have been using that principle on many sites, we would however use YouTube videos links as then we could use some of these plugins for speeding up sites, we never ever upload videos directly on WordPress sites:
[https://wordpress.org/plugins/a3-lazy-load/](https://wordpress.org/plugins/a3-lazy-load/)
[https://wordpress.org/plugins/lazy-load-for-videos/](https://wordpress.org/plugins/lazy-load-for-videos/)
Good luck!
Nike uses this video in its hero on their homepage:
[https://api.nike.com/content/asset_video_manifest/v1/6348730582112](https://api.nike.com/content/asset_video_manifest/v1/6348730582112)
I mean, there’s a resource difference that they’re working with of course but its interesting 