Build software better, together

ApoorvSaxena / lozad.js

Star

Open

Expected Behavior

Running validator https://validator.w3.org on basic <picture> elements as per setup config should not result in errors.

Current Behavior

Currently when running validator on:

<picture class="lozad" style="display: block; min-height: 1rem" data-iesrc="images/thumbs/04.jpg" data-alt="">
    <source srcset="images/thumbs/04.jpg" media="(min-width: 1280px)">

LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.

picture images vanilla-javascript lazyload vanilla-js webp videos lazy-loading iframes srcset responsive-images lazyload-images lazyload-script picture-tag intersectionobserver lazyload-iframes lazyload-videos srcset-sizes lazy-sizes

Updated Aug 11, 2021
JavaScript

Ocramius / ProxyManager

Sponsor Star

🎩

✨

🌈 OOP Proxy wrappers/utilities - generates and manages proxies of your objects

proxy oop lazy-loading aop

Updated Sep 1, 2021
PHP

tomastrajan / angular-ngrx-material-starter

Star

Angular, NgRx, Angular CLI & Angular Material Starter Project

angular material-design ngrx angular-material bootstrap4 angular-cli lazy-loading starter-project

Updated Sep 12, 2021
TypeScript

thebuilder / react-intersection-observer

Star

React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

react hooks hook performance monitor scrolling visibility viewport lazy-loading intersection-observer intersectionobserver intersectionobserver-api

Updated Aug 30, 2021
TypeScript

michalsnik / vue-content-placeholders

Star

Composable components for rendering fake (progressive) content like facebook in vue

vue skeleton loader vue-components fake-content lazy-loading progressive-rendering

Updated May 16, 2020
JavaScript

Splidejs / splide

Star

Splide is a lightweight, powerful and flexible slider and carousel, written in pure JavaScript without any dependencies.

lightweight slider drag carousel vanilla-javascript swipe lazy-loading breakpoints autoplay

Updated Sep 13, 2021
JavaScript

malchata / yall.js

Star

A fast, flexible, and small SEO-friendly lazy loader.

performance images lazy-load lazyload lazy-loading lazyloading webperf lazyload-images lazyload-script lazyload-img

Updated Aug 10, 2021
HTML

ivopetkov / responsively-lazy

Star

Lazy load responsive images

javascript css html lazy lazy-load lazyload webp lazy-loading lazyloading lazyload-images

Updated Aug 8, 2020
JavaScript

wellyshen / react-cool-inview

Star

😎

🖥️ React hook to monitor an element enters or leaves the viewport (or another element).

react hook performance typescript monitor scrolling animations visibility viewport lazy-loading impressions intersection-observer inview scroll-direction

Updated Sep 13, 2021
TypeScript

dkern / jquery.lazy

Star

A lightweight, fast, feature-rich, powerful and highly configurable delayed content, image and background lazy loading plugin for jQuery & Zepto.

javascript jquery jquery-plugin images lazy lazy-load lazyload background-image lazy-loading lazyloading pagespeed zepto jquery-lazy

Updated Jan 13, 2021
JavaScript

Aljullu / react-lazy-load-image-component

Star

React Component to lazy load images and components using a HOC to track window scroll position.

react ssr reactjs react-component lazyload server-side-rendering hoc lazy-loading lazyload-images intersection-observer react-lazy react-performance intersectionobserver react-lazy-module react-lazy-load

Updated Aug 13, 2021
JavaScript

wellyshen / react-cool-virtual

Star

😎

♻️ A tiny React hook for rendering large datasets like a breeze.

Updated Sep 13, 2021
TypeScript

alexjoverm / v-lazy-image

Sponsor Star

Lazy load images using Intersection Observer, apply progressive rendering and css animations.

javascript web-performance vue lazy-loading

Updated Aug 23, 2021
JavaScript

tjoskar / ng-lazyload-image

Star

🖼 A small library for lazy loading images for Angular apps with zero dependencies

angular lazy-loading

Updated Aug 31, 2021
TypeScript

fulls1z3 / universal

Star

Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, CLI scaffolding, dev/prod modes, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer