This plugin adds loading="lazy" to all img and iframe tags on your Jekyll site. No configuration is needed. If a loading attribute is already present nothing is changed. Note that the github-pages gem runs in safe mode and only allows a defined set of plugins. To use this gem in GitHub Pages, you need to build your site locally or use a CI (e.g. Github Workflow) and deploy to your gh-pages branch. In case you want to prevent loading some images/iframes lazily, add loading="eager" to their tags. This might be useful to prevent flickering of images during navigation (e.g. the site's logo).
Features
- Examples available
- loading="lazy" causes images and iframes to load lazily without any JavaScript
- Browser support is growing
- If a browser does not support the loading attribute, it will load the resource just like it would normally
- No configuration needed
- If a loading attribute is already present nothing is changed
Project Samples
Categories
Web DesignLicense
MIT LicenseFollow jekyll-loading-lazy
You Might Also Like
MongoDB Atlas runs apps anywhere
MongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
Rate This Project
Login To Rate This Project
User Reviews
Be the first to post a review of jekyll-loading-lazy!