{"id":15608948,"url":"https://github.com/kenchan0130/jekyll-lazy-load-image","last_synced_at":"2025-04-28T11:50:06.941Z","repository":{"id":32790870,"uuid":"141360343","full_name":"kenchan0130/jekyll-lazy-load-image","owner":"kenchan0130","description":" Edit img tag optimized lazy load images for your Jekyll site","archived":false,"fork":false,"pushed_at":"2023-03-27T20:56:49.000Z","size":83,"stargazers_count":8,"open_issues_count":4,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-05-01T20:57:32.708Z","etag":null,"topics":["jekyll","ruby"],"latest_commit_sha":null,"homepage":"https://rubygems.org/gems/jekyll-lazy-load-image","language":"Ruby","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kenchan0130.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-07-18T00:32:32.000Z","updated_at":"2023-11-08T08:54:59.000Z","dependencies_parsed_at":"2024-10-03T05:40:43.574Z","dependency_job_id":"377b0408-c778-4e74-bba9-6b50aca5b4af","html_url":"https://github.com/kenchan0130/jekyll-lazy-load-image","commit_stats":{"total_commits":56,"total_committers":7,"mean_commits":8.0,"dds":0.4642857142857143,"last_synced_commit":"64ff993393fde27f15b2a4d770c5c30d309b20aa"},"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kenchan0130%2Fjekyll-lazy-load-image","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kenchan0130%2Fjekyll-lazy-load-image/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kenchan0130%2Fjekyll-lazy-load-image/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kenchan0130%2Fjekyll-lazy-load-image/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kenchan0130","download_url":"https://codeload.github.com/kenchan0130/jekyll-lazy-load-image/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251310514,"owners_count":21568998,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["jekyll","ruby"],"created_at":"2024-10-03T05:40:35.681Z","updated_at":"2025-04-28T11:50:06.894Z","avatar_url":"https://github.com/kenchan0130.png","language":"Ruby","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Jekyll Lazy Load Image\n\n[![CI](https://github.com/kenchan0130/jekyll-lazy-load-image/actions/workflows/ci.yml/badge.svg)](https://github.com/kenchan0130/jekyll-lazy-load-image/actions/workflows/ci.yml)\n\nEdit img tag optimized lazy load images for your Jekyll site\n\n## Usage\n\n### `Gemfile`\n\nAdd the following to your site's `Gemfile`:\n\n```ruby\ngroup :jekyll_plugins do\n  gem 'jekyll-lazy-load-image', require: 'jekyll-lazy-load-image/auto-execution'\nend\n```\n\nand run bundle.\n\n### `_config.yml`\n\nAdd the following to your site's `_config.yml`:\n\n```yaml\nlazy_load_image:\n  src_attr_name: data-src # [required] You need to specify the attributes to be saved for lazy loading\n  preload_image: /path/to/image # [optional] you can add a data uri or loading image as fallback src\n  class_attr_values: # [optional] if you want to add custom class value, please add values\n    - lazyload\n  ignore_selectors: # [optional] if you want to ignore applying lazy load image, please add selector (css or xpath)\n    - \".ignore-lazy-image-load\"\n    - \"/*[@class='ignore-lazy-image-load']\"\n  additional_attrs: # [optional] if you want to add attributes, please add key value\n    \"data-size\": auto\n```\n\n### Select lazy load library\n\nSelect your favorite library and add your site. For example:\n\n* [lazysizes](https://github.com/aFarkas/lazysizes) [Recommend]\n* [Echo.js](https://github.com/toddmotto/echo)\n* [TADA](https://github.com/fallroot/tada)\n\n## Custom\n\n### Customize container\n\nYou can change applying jekyll hook container.\nThis library is `:posts` by default.\n\nSee also: [https://jekyllrb.com/docs/plugins/#hooks](https://jekyllrb.com/docs/plugins/#hooks)\n\n#### `Gemfile`\n\nAdd the following to your site's `Gemfile`:\n\n```ruby\ngem 'jekyll-lazy-load-image'\n```\n\n#### `_plugins`\n\nAdd the following to your site's `_plugins`, for example create `_plugins/lazy-load-image.rb`:\n\n```ruby\nJekyllLazyLoadImage.configure do |config|\n  config.owners = %i[posts documents]\nend\n\nJekyllLazyLoadImage.execute\n```\n\n## Development\n\n- Use `bin/setup` to setup your local development environment.\n- Use `bin/console` to load a local Pry console with the Gem.\n\n## Testing\n\n- `bundle exec rake spec`\n\n## Contributing\n\n1. Fork the project\n2. Create a descriptively named feature branch\n3. Add your feature\n4. Submit a pull request\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkenchan0130%2Fjekyll-lazy-load-image","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkenchan0130%2Fjekyll-lazy-load-image","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkenchan0130%2Fjekyll-lazy-load-image/lists"}