All Projects → philhawksworth → rollyourownlazyload

philhawksworth / rollyourownlazyload

Licence: other
Site to demo how to build your own lazy loading

Programming Languages

CSS
56736 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Example: Lazy loading without a heavy framework

This is an example site to demonstrate how to create your own lazy loading. It uses Netlify Large Media for managing source image assets and serving image transformations 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
  • Yarn - to install and manage dependencies

Getting started

# clone this repository
git clone [email protected]:philhawksworth/rollyourownlazyload.git

# go to the working directory
cd rollyourownlazyload

# install dependencies
yarn

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

Configuring your own Netlify Large Media workflow

After cloning this repo, you can set it up as a site of your own on Netlify, and configure the Netlify Large Media pipeline by following the guidance in the docs

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].