a3 Lazy Load
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 the most fully featured, incredibly easy to set up lazy load plugin for WordPress. Use the plugins admin settings to easily define what elements are lazy loaded and when they become visible in the users browser. As the user scrolls down the page the next lot of elements you have applied lazy Load to are only loaded as they become visible in the view port.
IMAGE LAZY LOAD
Images are the number one element that slows page load and increases bandwidth use. From the a3 Lazy Load admin panel turn load images by a3 Lazy Load ON | OFF. For more flexibility when ON you can choose to ON | OFF lazy load for images in
Post, Pages and Custom Post Types (All Content areas)
Widgets (Sidebar, header and footer)
Apply to post thumbnails
Apply to gravatars
MORE THAN JUST IMAGES
VIDEO LAZY LOAD
a3 Lazy Load supports all WordPress video Embeds including Youtube, Vimeo and HTML5 video – for a full list see the WordPress Codex Embeds list. The WordPress embed method of copying and pasting the video url into posts and pages content area is fully supported.
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
iFRAME LAZY LOAD
a3 Lazy Load has built in support for content that is added by iframe from any source in content and widgets. Examples
WordPress embedded media
Facebook Like boxes with profiles, Like buttons, Recommend
Fully compatible with WordPress embed post on any site feature introduced in version WP version 4.4
Makes embed post load much faster
Built in auto support for WordPress AMP plugin
Built in support for Better AMP plugin
There are no setting options for exclude /amp – Lazy Load is just never applied to the /amp endpoint
When the url is loaded in browser without /amp Lazy Load is applied
ADVANCED CUSTOM FIELDS
Fully compatible with the very popular Advanced Custom Fields plugin, Free and Premium versions.
LAZY LOAD EFFECTS
a3 Lazy Load gives you the option to lazy load images with a FADE IN or SPINNER effect
a3 lazy Load is built and tested to be fully compatible with the very widely used WooCommerce plugin
a3 Lazy Load gives you the option to load its script from your sites HEAD or from the FOOT.
Note that your theme must have the wp_footer() function if you select FOOTER load.
Note the plugin CSS is always loaded from the HEAD.
EXCLUDE IMAGES & VIDEO
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
JAVASCIPT DISABLED FALLBACK
THEME & PLUGIN COMPATIBILITY
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.
Plugin – Advanced Custom Fields
Plugin – WooCommerce
Plugin – WP Offload
Plugin – WP Super Cache and W3 Total Cache plugins
Plugin – Youtube Embed
Plugin – WordPress AMP
Plugin – WPTouch. Note – Set to not apply on Mobiles if WPTouch is installed
Plugin – MobilePress – Set to not apply on Mobiles if MobilePress is installed
Plugins – Will not conflict with any plugin that has lazy load built in
CDN’s – Cloudfront, Cloudflare and all other known CDN architecture.
Full support of jQueryMobile framework
WordPress Multi site ready.
Backend support for RTL display.
JOIN THE a3 LAZY LOAD COMMUNITY
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
Install and activate the plugin
Open WordPress Settings menu
Click on a3 Lazy Load menu
Turn ON Lazy Load and all preferred settings
Save Changes and enjoy the improved performance Lazy Load will give your site
WordPress 4.6 or greater
PHP version 5.6.0 or greater
MySQL version 5.6 or greater OR MariaDB version 10.0 or greater
How do I exclude individual objects from Lazy Load?
Use this built in class name to exclude lazy load on individual images, videos and iframes.
Why are some images, videos, objects not Lazy Loaded?
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.
Filter tags to apply lazy load
Apply lazy load for images in content.
apply_filters( ‘a3_lazy_load_images’, $your_content, null );
Apply lazy load for videos and iframe from content.
apply_filters( ‘a3_lazy_load_videos’, $your_content, null );
Apply lazy load for all images, videos and iframe from content
apply_filters( ‘a3_lazy_load_html’, $your_content, null );
Filter Tags to Exclude by Theme Class name
Filter tags to add to class name of theme to exclude lazy load on images or videos.