workflowstacks
marketing

Lazysizes

High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without…
17,718 stars1,690 forksJavaScriptUpdated 4/3/2024100% free · open source

About this skill

High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without…

Topics

javascript
lazy-evaluation
lazyload
lazysizes
performance
responsive-images
How Lazysizes works
Codeflow
Free to inspect

Lazysizes is a medium JavaScript project (~7k lines across 59 code files, plus 4 test files). Expect some technical setup — comfortable with a terminal, or ask a developer. Last commit 29 months ago, MIT license, has a test suite.

Size
Medium codebase
~7k lines · 59 code files · 59 min skim
Setup
Some technical setup
Comfortable with a terminal? 20–40 min. Otherwise ask a dev.
Runs on
Node.js
No API keys detected
JavaScript 60%HTML 36%CSS 5%
Where to start reading
  1. 1
    README.md
    Start here — what it does and how to install it
  2. 2
    package.json
    Dependencies and the commands it exposes
  3. 3
    src/lazysizes-core.js
    Inside src/ — the main logic begins here
What's in each folder
src/Core code — the actual logic4 files
plugins/Sub-packages / plugins67 files
optimumx/Folder3 files
types/Data models & types2 files
rias/Folder1 files
assets/Images & static assets9 files
tests/Tests — proof it works6 files
.github/CI / automation (GitHub Actions)4 files
READMEHas testsDocumentedNo CIMIT licenseLast update 29 mo ago
Quick Actions
Details
Creator
aFarkas
Language
JavaScript
Category
marketing
Published
10/11/2014

Are you the creator of this tool? Claim your listing → and earn 85% of every sale.