https://github.com/cutwell/lazy-image-loader

Lazy image loading for graphic-heavy websites on low-bandwidth connections
https://github.com/cutwell/lazy-image-loader

image-loading javascript lazy-loading optimization

Last synced: 2 months ago
JSON representation

Lazy image loading for graphic-heavy websites on low-bandwidth connections

• Host: GitHub
• URL: https://github.com/cutwell/lazy-image-loader
• Owner: Cutwell
• Created: 2020-02-12T10:29:15.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-09-27T21:21:46.000Z (over 2 years ago)
• Last Synced: 2025-01-29T11:28:17.286Z (4 months ago)
• Topics: image-loading, javascript, lazy-loading, optimization
• Language: JavaScript
• Homepage: https://cutwell.github.io/lazy-image-loader/
• Size: 16.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![image comparison](assets/banner.png)

### Requirements

• 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).

### Usage

> View an example page at [```example.html```](https://cutwell.github.io/lazy-image-loader/example)

Construct 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.

```html



```

### Testing

View how the page performs using your browers Developer Tools, try throttling your page load if your internet is too fast.

### Attribution

* Example lazy load image: Photo by Luis del Río from Pexels