SARVAROV Lazy Load – WordPress plugin Free download

SARVAROV Lazy Load

Description

This plugin is the best way to make your images, iframes & videos lazy. Just activate the plugin and lazy loading will work automatically. It’s very simple, just try it!

THIS PLUGIN WILL MAKE YOUR SITE FASTER

All your media content will be loading only when it are in the browser viewport. Also you can hide loading process from visitors at all: the lazy elements can be loaded invisibly before the user reaches it.

THIS PLUGIN WILL MAKE YOUR SITE LOOK BETTER

In just one click your can enable blurred LQIP (inspired by Medium) and average color placeholder. Both of them look very interesting.

Main features

High-quality code
Low server load due to caching
SEO friendly
Mobile friendly
Make your website load faster, improve your PageSpeed Insights score
Change default placeholder color, transition etc.
Make placeholder color based of the element’s average color
LQIP technology (Low Quality Image Placeholders) with the ability to encode in base64
<noscript> for visitors who don’t have JavaScript enabled.
Using the Lazysizes library and a lot of filters give the possibility for customization to make the result the way you want.

Screenshots

A small demonstration of what can be done within 20 seconds after activating the plugin.
Settings page.

Installation

Upload the complete sarvarov-lazy-load folder to the /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
You can configure the plugin by clicking on the ‘Lazy Load’ link in the ‘Settings’ menu.

FAQ

Will this plugin work on any template?

I hope so, but might be not. I tested it only on latest WordPress release on the default Twenty Fifteen theme (with GutenBerg enabled & disabled).

Why isn’t LQIP technologue working?

LQIP (Low Quality Image Placeholders) is working only on newly uploaded images. If you want to make it work with existing images, you need to regenerate lqip image size using a third-party plugin like Regenerate Thumbnails.

How to make lazy custom images/iframes?

You can create a custom function like this:

function my_lazy_process( $content = '', $params = array() ) {

    if( class_exists( 'SARVAROV_Lazy_Load' ) ) {
        return apply_filters( 'lazy_process', $content, $params );
    }

    return $content;
}

Will this plugin affect SEO?

Definitely Yes, in a positive way. The pages of your site will load faster, which positively affects the indexing of your site by search engine robots. The plugin has no effect on image indexing: search engines see them, don’t worry!

How to add Schema.org vocabulary?

For example:

add_filter( 'sarvarov_lazy_load_image_container_atts', function( $atts ) {
    $new_atts = array(
        'itemprop' => array(
            'value' => 'image'
        ), 
        'itemscope' => array(
            'value' => 'itemscope'
        ), 
        'itemtype' => array(
            'value' => 'http://schema.org/ImageObject'
        )
    );

    $atts = array_merge(
        $atts,
        $new_atts
    );

    return $atts;
}, 10, 1 );

add_filter( 'sarvarov_lazy_load_image_container', function( $content = '', $img_width, $img_height, $atts ) {
    if( $img_width && $img_height ) {
        $content .= sprintf( '<meta itemprop="width" content="%1$d" /><meta itemprop="height" content="%2$d" />', $img_width, $img_height );
    }

    return $content;
}, 10, 4 );

I still have a question

I can help with solving your problem on our forum.

Leave a Reply

Your email address will not be published. Required fields are marked *