WordPress Advanced Image Lazy Load
Posted by Fayçal
on Nov 2nd, 2011
in Plugins, Web & Design
Your website has a lot of image intensive content and take up a lot of resources when loading up? Your boss and your clients consider the pages fluidity a serous matter?
With WP Image Lazy Load plugin, no more need to sacrifice your beautiful images quality!
Family galleries, portfolios, news reports with a lot of photos. This plugin provides a better user experience by delaying the load of images in (especially long) web pages. Images outside of the visible portion of the page that the user is viewing wont be loaded before the user scrolls down to them.
Download WordPress Advanced Image Lazy Load
- Ready to use, no action is needed for existing or future images on posts/pages
- Improving images selection performance by customizing default selectors for several site sections
- Cascading enabling/disabling levels :
- Level 1 : Enable or disable for the whole website
- Level 2 : Enable or disable for all posts and pages
- Level 3 : Enable or disable for all images within a specific post or page
- Level 4 : Enable or disable for a specific post’s or page’s image
- Customizing the loading of images
- Possibility to also hack theme images that are not part posts/pages to be lazy loaded
WP Advanced Image Lazy Load is available in the following languages:
The plugin does its magic for you when it comes to images within posts or pages. If you want to reuse the same mechanism for your own theme’s images that are not part of posts body:
- Make sure your image belongs to the selector scope
- Set the src attribute of the img tag with this function helper as value get_wp_lazy_loading_image()
- Add a “is_lazy” attribute to the img tag
- Add a “rel” attribute to the img tag with the the original image URI
Instead of having:
img src="< ? php bloginfo(‘template_directory’).get_post_meta($post->ID, "
thumb", $single = true); ? > "
alt="< ? php the_title(); ? > " / >
< img src="< ? php echo get_wp_lazy_loading_image(); ? > " is_lazy="true" rel="< ? php bloginfo(‘template_directory’).get_post_meta($post->ID, "thumb", $single = true); ? > " alt="< ? php the_title(); ? > " / >
Please feel free to contact me if you have any further questions.
Sorry, the comment form is closed at this time.