Chore: Lazy Load all images on the website - Githubissues

SpaceyaTech / SYT-Web-Redesign

https://www.spaceyatech.com/

Apache License 2.0

6 stars 23 forks source link

Chore: Lazy Load all images on the website #138

Closed sonylomo closed 2 months ago

sonylomo commented 3 months ago

Description

We want all images to be lazy loaded using react-lazy-load-image-component.

Tasks

[ ] Search for every instance of <img/> in the codebase and replace it with:

import { LazyLoadImage } from 'react-lazy-load-image-component';

<LazyLoadImage
  alt="..."
  effect="blur"
  src="..." />

[ ] Ensure that all images have a valid alt attribute value.