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

Project Activity

See All Activity >

Categories

Web Design

License

MIT License

Follow jekyll-loading-lazy

jekyll-loading-lazy Web Site

Other Useful Business Software
Try Google Cloud Risk-Free With $300 in Credit Icon
Try Google Cloud Risk-Free With $300 in Credit

No hidden charges. No surprise bills. Cancel anytime.

Use your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
Start Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of jekyll-loading-lazy!

Additional Project Details

Programming Language

Ruby

Related Categories

Ruby Web Design Software

Registered

2023-09-13