Skip to content
Site to demo how to build your own lazy loading
Branch: master
Clone or download
Latest commit 6672669 Jun 19, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
.netlify set up lms Jun 19, 2019
gulp-tasks Initial commit May 21, 2019
src Nudge some wording Jun 19, 2019
.eleventy.js Initial commit May 21, 2019
.gitattributes NLM config May 21, 2019
.gitignore Initial commit May 21, 2019
.lfsconfig set up lms Jun 19, 2019 Nudge some wording Jun 19, 2019
gulpfile.js Initial commit May 21, 2019
netlify.toml redirect with 302 May 21, 2019
package.json Wording updates Jun 19, 2019
yarn.lock CSS tweaks, name corrections, js refactor Jun 18, 2019

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

# go to the working directory
cd rollyourownlazyload

# install dependencies

# 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

You can’t perform that action at this time.