Use a3 Lazy Load for images, videos, iframes that are not lazy loaded by WordPress core. Instantly improve your sites load time and dramatically impro …
a3 Lazy Load is a Mobile Oriented, very simple to use plugin that will speed up sites page load speed. The more content heavy your site the better the plugin will perform and the more you will see the improvements in performance. See this demo of a page with 1,000 images (yes 1,000 images) to load.
a3 Lazy Load is inspired by and powered by the ressio Lazy-Load-xt JavaScript.
WordPress 5.5 introduced lazy loading for all images uploaded to a sites media library and 5.7 introduces Core lazy load for iframes and 5.9 contained performance enhancements. a3 Lazy Load Image options work side-by-side with these, but then enhances it by lazy loading all the images loaded from outside of the media library, or on older browsers that do not support the new WP attribute and any iframes or videos that are not lazy loaded by WordPress.
The plugin includes an option to completely disable WordPress Core Lazy Load if that is what you want to do.
For more flexibility when ON you can choose to ON | OFF lazy load all images that are not loaded from the WordPress media Library in:
Supports lazy loading of images in containers that use horizontal scroll. The admin Images options has a section where you enter the classname or ID of the container that uses horizontal scroll.
From the a3 lazy Load admin panel turn Video Support ON | OFF. When ON you can choose to ON | OFF lazy load for videos in
a3 Lazy Load has built in support for content that is added by iframe from any source in content and widgets and will lazy load any iframe that WordPress core does not load. Examples
This is an option that you turn on as the Jetpack Accelerator (Photon CDN images) has its own lazy load feature that needs to be OFF first to be able use a3 Lazy Load as your lazy Load engine. Some users prefer to use a3 Lazy Load as it applies Lazy Load to videos and iframes as well as images.
a3 Lazy Load has built in automatic support for WebP images. There are no settings for this as a3 Lazy Load will automatically detect if an image has a WebP version and lazy load the WebP version. If no WebP image exists, the appropriate jpg or png version will be lazy loaded. Also fully support browser detection of WebP.
a3 Lazy Load gives you the option to lazy load images with a FADE IN or SPINNER effect
a3 Lazy Load gives you the option to load its script from your sites HEAD or from the FOOT.
a3 Lazy Load allows you to easily exclude any image or video by class name from having the Lazy Load effect applied. See FAQ’s
a3 Lazy Load has built in Noscript fallback if user has JavaScript turned off in their browser. Developers who use underscore.js in their applications can use the Noscript parameter to exclude their plugins content from Lazy Load.
a3 Lazy Load works with any WordPress theme that follows the WordPress Theme Codex. However, many Theme & Plugin developers will use a custom written function to add objects, example the theme has a home page with layout created by a custom function they have written. a3 Lazy Load cannot know what these functions are and so cannot apply to the objects loaded by that custom function.
If your images or objects not being Lazy Loaded in a certain section of your site, but are Lazy Loaded everywhere else you will know this is the cause. Please if this happens raise a support ticket with the developer, explaining that they just need to add a simple tag to their custom functions so that a3 Lazy Load apply to their custom function and be fully compatible. Here is a list of a3 lazy Load filter tags to include in your ticket to make it easy for the developer.
Don’t forget when a developer does add full compatibility with a3 Lazy Load please let us know via a support ticket on this forum and we will add them to the list below.
These are just some of the more popular plugins that are either tested 100% compatible with a3 Lazy Load or tags has been added for 100% compatibility.
When you download a3 lazy Load, you join our community. Regardless of if you are a WordPress newbie or experienced developer if you are interested in contributing to a3 Lazy Load development head over to the a3 Lazy Load GitHub Repository to find out how you can contribute.
Want to add a new language to a3 Lazy Load? Great! You can contribute via translate.wordpress.org
Images, Videos / iframes can be excluded from Lazy Load by existing classnames or if none exist exclusions can be done manually via exclusion skip-lazy
classname or data-skip-lazy
attribute. Examples
Exclude by classname <img class="skip-lazy"> , <video class="skip-lazy">
Exclude by attribute <img data-skip-lazy> , <video data-skip-lazy>
a3 Lazy Load can only be applied to objects that are added using core WordPress functions. If your theme or a plugin developer adds objects such as images or videos via a custom written function, a3 lazy Load cannot know what that custom function is and hence cannot Lazy Load the object.
So if you see object not being lazy loaded please check first if those objects are loaded by the theme or a plugin. If they are, you can be confident that they are loaded by a custom function.
If this is the case, please help yourself and other a3 lazy Load users by raising a support ticket with the developer and ask them to add an a3 Lazy Load filter tag to their function to allow a3 Lazy Load to find it and apply to the object.
Below is a list of available a3 Lazy Load filters to use and pass onto the developer.
Apply lazy load for images in content.
a3_lazy_load_images
Example:
apply_filters( ‘a3_lazy_load_images’, $your_content, null );
Apply lazy load for videos and iframe from content.
a3_lazy_load_videos
Example:
apply_filters( ‘a3_lazy_load_videos’, $your_content, null );
Apply lazy load for all images, videos and iframe from content
a3_lazy_load_html
Example:
apply_filters( ‘a3_lazy_load_html’, $your_content, null );
Filter tags to add to class name of theme to exclude lazy load on images or videos.
a3_lazy_load_skip_images_classes
a3_lazy_load_skip_videos_classes
is_load_google_fonts
if admin does not require to load google fonts//domain.com/
so it’s always is correct when loaded as http
or https