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
Build Securely on AWS with Proven Frameworks Icon
Build Securely on AWS with Proven Frameworks

Lay a foundation for success with Tested Reference Architectures developed by Fortinet’s experts. Learn more in this white paper.

Moving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
Download Now
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