FeatureFuel
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.

Make a pledge

Pledge your monetary support if this feature is added.

$

Comments

No comments yet.

Replying to

Add a comment

What do you think about this feature request?


Similar requests