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!<\/p>\n\n
All your media content will be loaded only when it's 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.<\/p>\n\n
In just one click your can enable blurred LQIP (inspired by Medium<\/a>) and average color placeholder. Both of them look very modern & interesting.<\/p>\n\n I hope so, but might be not. I originally made this plugin for myself and I tested it only on latest WordPress release on the default Twenty Fifteen theme. If you have compatibility issues with my plugin and your theme - just write me and I will try to fix it on next update.<\/p><\/dd>\n LQIP (Low Quality Image Placeholders) is working only on newly uploaded images (.jpg & .jpeg). If you want to make it work with existing images, you need to regenerate You can create a custom function like this:<\/p>\n\n 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!<\/p><\/dd>\n For example:<\/p>\n\nMain features<\/h4>\n\n
\n
<noscript><\/code> for visitors who don't have a JavaScript enabled<\/li>\n\n
sarvarov-lazy-load<\/code> folder to the \/wp-content\/plugins\/<\/code> directory<\/li>\n\n
Will that plugin work on any template?<\/h3><\/dt>\n
Why isn't LQIP technologue working?<\/h3><\/dt>\n
lqip<\/code> image size using a third-party plugin like Regenerate Thumbnails<\/a>.<\/p><\/dd>\nHow to make lazy custom images\/iframes?<\/h3><\/dt>\n
function my_lazy_process( $content = '', $params = array() ) {\n\n if( class_exists( 'SARVAROV_Lazy_Load' ) ) {\n return apply_filters( 'lazy_process', $content, $params );\n }\n\n return $content;\n}\n<\/code><\/pre><\/dd>\nWill this plugin affect SEO?<\/h3><\/dt>\n
How to add Schema.org vocabulary?<\/h3><\/dt>\n
add_filter( 'sarvarov_lazy_load_image_container_atts', function( $atts ) {\n $new_atts = array(\n 'itemprop' => array(\n 'value' => 'image'\n ), \n 'itemscope' => array(\n 'value' => 'itemscope'\n ), \n 'itemtype' => array(\n 'value' => 'http:\/\/schema.org\/ImageObject'\n )\n );\n\n $atts = array_merge(\n $atts,\n $new_atts\n );\n\n return $atts;\n}, 10, 1 );\n\nadd_filter( 'sarvarov_lazy_load_image_container', function( $content = '', $img_width, $img_height, $atts ) {\n if( $img_width && $img_height ) {\n $content .= sprintf( '<meta itemprop=\"width\" content=\"%1$d\" \/><meta itemprop=\"height\" content=\"%2$d\" \/>', $img_width, $img_height );\n }\n\n return $content;\n}, 10, 4 );\n<\/code><\/pre><\/dd>\nI still have a question<\/h3><\/dt>\n