{"id":17132919,"url":"https://github.com/cutwell/lazy-image-loader","last_synced_at":"2025-03-24T05:42:08.308Z","repository":{"id":89428456,"uuid":"239985427","full_name":"Cutwell/lazy-image-loader","owner":"Cutwell","description":"Lazy image loading for graphic-heavy websites on low-bandwidth connections","archived":false,"fork":false,"pushed_at":"2022-09-27T21:21:46.000Z","size":17541,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-29T11:28:17.286Z","etag":null,"topics":["image-loading","javascript","lazy-loading","optimization"],"latest_commit_sha":null,"homepage":"https://cutwell.github.io/lazy-image-loader/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Cutwell.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2020-02-12T10:29:15.000Z","updated_at":"2022-12-02T16:33:16.000Z","dependencies_parsed_at":null,"dependency_job_id":"23686ea6-b003-4f16-99e0-a10d72eb205f","html_url":"https://github.com/Cutwell/lazy-image-loader","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cutwell%2Flazy-image-loader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cutwell%2Flazy-image-loader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cutwell%2Flazy-image-loader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cutwell%2Flazy-image-loader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Cutwell","download_url":"https://codeload.github.com/Cutwell/lazy-image-loader/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245217791,"owners_count":20579297,"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":["image-loading","javascript","lazy-loading","optimization"],"created_at":"2024-10-14T19:28:50.454Z","updated_at":"2025-03-24T05:42:08.287Z","avatar_url":"https://github.com/Cutwell.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![image comparison](assets/banner.png)\n\n### Requirements\n• lazy images must all use a consistent height and width as their original image to ensure correct page layout is maintained (this can be achieved with smaller images enlarged via css).\n\n### Usage\n\u003e View an example page at [```example.html```](https://cutwell.github.io/lazy-image-loader/example)\n\nConstruct your HTML page as below. Once imported, the JS script runs automatically and will lazy load images once any part of the image enters the viewport.\n\n```html\n\u003c!-- low rez placeholder image loaded early, hi-rez image loaded late once in viewport --\u003e\n\u003cimg name=\"lazy\" lazy-src=\"assets/hi_forest.png\" src=\"assets/lz_forest.png\" \\\u003e\n\n\u003c!-- load lazy load script at end of file --\u003e\n\u003cscript src=\"lazy/lazy.min.js\"\u003e\u003c/script\u003e\n```\n\n### Testing\nView how the page performs using your browers Developer Tools, try throttling your page load if your internet is too fast.\n\n### Attribution\n* Example lazy load image: Photo by Luis del Río from Pexels\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcutwell%2Flazy-image-loader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcutwell%2Flazy-image-loader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcutwell%2Flazy-image-loader/lists"}