DEV Community

Cover image for Improve LCP in Elementor: Defer YouTube Background Videos with a Free Plugin
David Leite
David Leite

Posted on

Improve LCP in Elementor: Defer YouTube Background Videos with a Free Plugin

Learn how to improve LCP and page speed in WordPress using a free open-source plugin that defers background YouTube video loading in Elementor.

If your Elementor site uses YouTube videos as background sections, you're probably hurting your Largest Contentful Paint (LCP) scores. This plugin solves that problem by delaying the loading of background YouTube videos until after the page has loaded.

πŸ”Œ Free Plugin on GitHub

πŸ‘‰ Download Background Video Delay for Elementor

βœ… Key Features

Delays background YouTube video loading

Improves LCP and page speed performance

Supports mobile responsiveness

Optional YouTube privacy mode (nocookie)

Per-page rule management via admin panel

Fallback image support for Elementor Flexbox
Enter fullscreen mode Exit fullscreen mode

🧩 Installation

Download the plugin ZIP from GitHub

Upload it to WordPress: Plugins > Add New > Upload

Activate it

Configure under WP Admin > BG Video Rules
Enter fullscreen mode Exit fullscreen mode

πŸ“˜ Tutorial

Read the full tutorial on how to use and configure the plugin:

πŸ‘‰ How to Defer YouTube Video Background in Elementor and Improve LCP
πŸ’¬ Feedback

Have a suggestion, question, or bug to report?
Open an issue on GitHub or reply below!

Top comments (0)