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
Categories
Web DesignLicense
MIT LicenseFollow jekyll-loading-lazy
Other Useful Business Software
Earn up to 16% annual interest with Nexo.
Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform.
Geographic restrictions, eligibility, and terms apply.
Rate This Project
Login To Rate This Project
User Reviews
Be the first to post a review of jekyll-loading-lazy!