Settings – Lazy Load & Preload

Overview

The Lazy Loading & Preload Critical Images panel helps optimize your site’s performance and user experience. By enabling lazy loading, images are loaded only when they become visible to users, reducing initial page size and speeding up load times. Preloading critical images ensures that the main image loads quickly for better LCP (Largest Contentful Paint) and Core Web Vitals scores—key metrics for SEO and usability.

Doc image optimizer 240 03

Available Options

Lazy Loading

  • Description: When enabled, images are loaded only when they enter the viewport (i.e., become visible to the user). This minimizes unnecessary bandwidth use and accelerates page rendering.
  • Info: Images that are “above the fold” (immediately visible on page load) will not be lazy loaded, ensuring they appear instantly for the user.

Preload Critical Images

  • Description: Preloads the main image of your page for improved LCP and Core Web Vitals scores. This is especially important for the primary visual content that appears “above the fold” (immediately visible when the page loads).

Save Settings

  • Function: Click to apply your configuration and update plugin behavior.

Usage Flow

  1. Log in to your WordPress admin panel.
  2. Go to Image Optimizer → Optimize → Lazy Load & Preload.
  3. Enable Lazy Loading to make images load only when they become visible to the user.
  4. Enable Preload Critical Images to preload the main image for improved LCP and Core Web Vitals scores..
  5. Click Save Settings to store your configuration.