help center

Search
Close this search box.
On this page

Optimized Image Loading

Last Update: September 25, 2024

Image Loading Optimization is a feature designed to improve performance by decreasing the time it takes for a page to load.

Note
You can also significantly speed up page loading by optimizing your site’s images. For more details, check out What is the Image Optimizer plugin by Elementor?

Enabling and disabling the feature

To enable or disable Optimized Image Loading:

  1. From WP Admin, navigate to Elementor>Settings.
    Select Elementor Settings 2 Optimized Image Loading 1
    The Settings screen appears in the right pane.
    Click the Performance tab Optimized Image Loading 3
  2. Click the Performance tab.
    Select enable or disable Optimized Image Loading 5
  3. Use the Optimized Image Loading dropdown menu to select either Enable or Disable.
    Click Save Changes 1 Optimized Image Loading 7
  4. Click Save Changes.

What does it do?

Image Loading Optimization speeds up page load times by automatically identifying the image that will take the longest time to load and giving it priority. This typically improves page loading times by 5-10%.

In addition, this feature implements smart lazy-loading, which detects and implements lazy loading when it’s beneficial, and prevents it when it’s detrimental. For more information on lazy loading, see Lazy Loading.  

Note
In Image Loading Optimization, lazy loading is not applied to “above the fold” images – the images at the top of the page when it loads.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Stuck?
Our Elementor Expert is Ready

Book a 45-min video consultation call with an Elementor expert and elevate your site!