Example: Lazy loading without a framework

This is an example site to demonstrate how to create your own lazy loading. It uses Netlify Image CDN for serving, optimising, and transforming images on-the-fly to populate different source images in picture elements.

Netlify Status

Local development

To build the site you need:

  • Node - to run the build
  • Netlify CLI - to run Netlify tools locally with netlify dev

Getting started

# clone this repository
git clone git@github.com:philhawksworth/rollyourownlazyload.git

# go to the working directory
cd rollyourownlazyload

# install dependencies
npm i

# start a local build server with hot reloading and Netlify redirects proxying
netlify dev