1
Inline background images to HTML to improve loading speed
Source: elementor/elementor#31031 · opened by @dacook
Prerequisites • I have searched for similar feature requests in both open and closed discussions and cannot find an existing request. • I have verified that the feature is still missing from the latest stable versions of Elementor or Elementor Pro. What problem is your feature request going to solve? Please describe.. When analysing the page load for PageSpeed's Largest Contentful Paint (LCP) metric, I found that the element holding us back was the background image at the top of the page. Background images are defined in CSS, which is loaded after the initial HTML page load (for example post-8.css, one of dozens of CSS files). It's not until that file is loaded and parsed that the browser can then request the image file. We then have to wait again for the image file to download and render before the LCP is complete (see example requests in screenshot). ![Screenshot 2025-04-29 at 12 27 22 pm]( We need a way to signal to the browser the URL of the image so …
No pledges yet. Be the first to back this.
Comments
Similar requests
Loading Spinner for Autoplay Background Videos
2 votes · 0 comments
🏞️ Custom loading control for media content/assets
1 vote · 0 comments
Icon List Widget: Allow for links within inline list items
2 votes · 0 comments
Inline images without html
3 votes · 0 comments
Using Another Video File as Background Fallback Option for Background Video
6 votes · 0 comments
No comments yet.