Download
High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration. It may become also your number one tool to integrate responsive images. It can automatically calculate the sizes attribute for your responsive images, it allows you to share media queries for your media attributes with your CSS, helping to separate layout (CSS) from content/structure (HTML) and it makes integrating responsive images into any environment really simple. It also includes a set of optional plugins to further extend its functionality. Lazysizes is built upon the Responsive image standard and extends it with additional functionality. For full cross browser responsive image support you must use either a full polyfill like picturefill or use the extreme lightweight partial respimg polyfill plugin or the responsive image on demand plugin.
Features
- Detects any visibility changes on current and future lazyload elements in any web environment
- It directly includes standard responsive image support
- For responsive image support it adds an automatic sizes calculation as also alias names for media queries feature
- It's based on highly efficient, best practice code (runtime and network) to work jank-free at 60fps
- It provides JS and CSS hooks to extend lazysizes with any kind of lazy loading
- Intelligent prefetch/Intelligent resource prioritization
Project Samples
