a3 Lazy Load

a3 Lazy Load – Faster page loads without touching a line of code.

a3 Lazy Load is a mobile-oriented, speed-focused lazy load plugin for WordPress that defers images, videos and iframes until the visitor actually scrolls to them. It is inspired by and powered by the ressio Lazy Load XT JavaScript library, and it has been in continuous development since its first release in December 2014.

Media is almost always the heaviest part of a web page. A single blog post with a dozen photos, an embedded video and a map iframe can force a browser to download several megabytes before the visitor sees anything, even though most of that content sits far below the fold and may never be scrolled to at all. a3 Lazy Load changes that behaviour. Instead of loading everything at once, the plugin holds off-screen elements back and requests each one only as it approaches the viewport. Initial page weight drops, the page becomes interactive sooner, and visitors on slow mobile connections stop staring at a blank screen.

Why lazy loading matters for speed and Core Web Vitals

Google measures real-world page experience through Core Web Vitals, and two of those metrics are directly affected by how media loads. Largest Contentful Paint improves when the browser is not competing with dozens of below-the-fold image requests it does not need yet. Cumulative Layout Shift stays under control because lazy loaded elements reserve their space and fade in rather than pushing content around. The effect is most pronounced on mobile, where bandwidth is limited and every unnecessary request costs real seconds.

There is a bandwidth argument too. If a visitor reads the first two paragraphs of an article and leaves, there is no reason for their device to have downloaded the twenty images further down the page. Lazy loading saves their data allowance and reduces your own hosting bandwidth and CDN costs at the same time.

What a3 Lazy Load can defer

Images

Lazy load applies to images in post and page content, in widgets, in post thumbnails and to gravatars, and you can switch each of those four locations on or off independently. The plugin is 100% compatible with the native image lazy load built into WordPress 6.0 and later, and extends its coverage rather than fighting with it. There is also built-in support for horizontal scrolling image galleries — enter the container classname or ID and lazy load will apply inside that horizontally scrolling area as well.

Videos and iframes

Turn on video and iframe lazy loading and the plugin will defer WordPress embeds, HTML5 video and any content loaded by an iframe from any source, in both content and widgets. Embedded YouTube players and maps are among the heaviest single elements on a typical page, so deferring them often produces a bigger measurable gain than deferring images does. Note that content inserted via WordPress shortcode is not supported.

Full control over what loads, and when

Blanket lazy loading is rarely the right answer. Some images — a logo, a hero banner, an above-the-fold product shot — should load immediately, and a3 Lazy Load gives you several layers of control so you can decide exactly what gets deferred.

• Exclude by classname or attribute — keep any individual image, video or iframe out of lazy load by adding the skip-lazy classname or the data-skip-lazy attribute to it, or by entering existing classnames in the settings. Wildcards are supported, so patterns like video* match groups of elements at once.
• Exclude by URI — add URL strings, one per line, to switch lazy load off for individual posts or entire sections of the site. Entering /2018/ will exclude every post published under that year, for example.
• Exclude by page type — disable lazy load entirely on Home, Front Page, Posts, Pages, Post Categories, Post Tags, Search, Author and Archive pages, in any combination.
• Load threshold — expand the viewport vertically by a set number of pixels so elements start loading just before they scroll into view. A higher threshold means visitors never catch an element mid-load; a lower one saves more bandwidth. Tune it to your audience.
• Loading effect and background colour — choose the transition effect shown while an element loads and set the background colour of the loading spinner so it blends into your design instead of flashing against it.
• Noscript fallback — enable the noscript tag and images, embeds and iframes still display normally for the small share of visitors browsing with JavaScript disabled, and for any crawler that does not execute scripts.
• Script load position — load the plugin script in the header or the footer. Footer loading is usually faster, and requires only that your theme calls wp_footer().

Compatibility with the rest of your stack

a3 Lazy Load is 100% WPML compatible and translation ready, so multilingual sites get the same behaviour across every language. If you use the Jetpack Site Accelerator (Photon) CDN, a single compatibility toggle makes sure your CDN-served images are lazy loaded too rather than slipping past the plugin. For sites running a separate mobile theme, lazy load can be disabled automatically when WPTouch or MobilePress is active, so it never conflicts with a mobile template that already handles media its own way.

The plugin requires WordPress 6.4 or higher and PHP 7.4 or higher, and has been tested up to WordPress 6.7.2.

Setup a3 Lazy Load takes a few minutes

Everything is configured from a single admin panel added under the Settings menu in your WordPress dashboard. There is no code to write and nothing to add to your theme files. Install the plugin, turn on lazy load, choose whether you want it applied to images, to videos and iframes, or to both, and add any exclusions your design needs. Most sites are correctly configured on the first pass.

Housekeeping is handled properly as well. If you ever delete the plugin — not simply deactivate it — it removes every table and every option it created, leaving no trace behind in your database. Step-by-step instructions with screenshots of every setting are available in the a3 Lazy Load documentation.

Works well alongside

Speed optimisation rarely stops at a single plugin. If your site is media heavy, a3 Lazy Load pairs naturally with a3 Responsive Slider, which builds lightweight responsive sliders that stay fast on mobile, and with a3 Timeline for image-rich timeline layouts where deferring off-screen media makes an immediate difference. Sites that publish visual work will get the same benefit from a3 Portfolio Dynamic Gallery. If you run a WooCommerce store, WooCommerce Dynamic Gallery Premium gives product image galleries the same treatment, and a3 Lazy Load will defer the gallery images that sit below the fold on your product pages.