Lazyload your components, images or anything where performance matters.
lazyload react react-component table-view infinite-scrollLoad modules on demand (lazy load) with angularJS
angularjs lazyload npm-package lazy-load load-on-demand module angular angular-componentLazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader utility by Matt Mlinac. New version loans heavily from a blog post by Dean Hume.
lazyloadIt is written with an aim to lazy load images, iframes, ads, videos or any other element using the recently added Intersection Observer API with tremendous performance benefits. Existing lazy loading libraries hook up to the scroll event or use a periodic timer and call getBoundingClientRect() on elements that need to be lazy loaded. This approach, however, is painfully slow as each call to getBoundingClientRect() forces the browser to re-layout the entire page and will introduce considerable jank to your website.
performance lazy-loading lazyload lozad lazy loader lazyloader image video iframe adslazysizes is a fast (jank-free), SEO-friendly and self-initializing lazyloader for images (including responsive images picture/srcset), iframes, scripts/widgets and much more. It also prioritizes resources by differentiating between crucial in view and near view elements to make perceived performance even faster. It may become also your number one tool to integrate responsive images. It can automatically calculate the sizes attribute for your responsive images, it allows you to share media queries for your media attributes with your CSS, helping to separate layout (CSS) from content/structure (HTML) and it makes integrating responsive images into any environment really simple. It also includes a set of optional plugins to further extend its functionality.
lazyload lazy-evaluation lazysizes responsive-images performance lazy loader lazyloader responsive image images picture srcset respimg respimage include ajax img imager imager.js picturefill componentYou can configure which events you want vue-lazyload by passing in an array of listener names.
vue-lazyload vue lazyload vue-directivebLazy is a lightweight script for lazy loading and multi-serving images, iframes, videos and more (less than 1.4KB minified and gzipped). It’s written in pure JavaScript why it doesn’t depend on 3rd-party libraries such as jQuery. It lets you lazy load and multi-serve your images so you can save bandwidth and server requests. The user will have faster load times and save data usage if he/she doesn't browse the whole page. If you don't want to host the script yourself you can link to the latest minified file: //cdn.jsdelivr.net/blazy/latest/blazy.min.js on jsDelivr. Exchange latest with the specific version number if you want to lock it in.
blazy blazyjs blazy.js lazy lazyload lazyloading image images picture srcset iframe video unity retina responsive performance🐌 Vue.js 2.x 组件级懒加载方案-Vue.js 2.x component level lazy loading solution
vue lazyload component plugin vue.js vue-plugin vue-componentImage component working similar with standard img tag and with the following props. This function is only required, when you want to customise intersection observer configuration.
lazyload lazyload-images images-lazy responsive-images animation placeholder priority hints intersectionobserver react images intersection-observer performanceyall.js is a featured-packed lazy loading script for <img>, <picture>, <video> and <iframe> elements. It works in all modern browsers including IE11. It uses Intersection Observer where available, but falls back to scroll, touchmove, resize, and orientationchange events where necessary. It can also monitor the DOM for changes using Mutation Observer to lazy load image elements that have been appended to the DOM after initial page render, which may be desirable for single page applications. It can also (optionally) optimize use of browser idle time using requestIdleCallback. To optimize decoding of <img> lazy loading for simple src and srcset use cases, yall.js uses Image.decode where available to decode images asynchronously before adding them to the DOM.
images lazy-loading lazyload-images webperf lazyload-script lazyloading lazyload lazy-load lazyload-img performance intersection-observer mutation-observer requestidlecallback web-performanceA `lazyload` components suit for React Native. Same as ListView. But it won`t render LazyloadView and LazyloadImage inside it, util they are scrolled into sight.
react-component react-native ios android lazyload loadLazy load XT is a jQuery plugin for images, videos and other media
jquery-plugin effect image images jquery jquerymobile lazy lazyload load media mobile performance responsive speed video vimeo youtubeLazyload background images of selected cells.Set data-flickity-bg-lazyload attribute of the cell to the background image's url.
flickity lazyload background imageHTMLImageElement extension for lazy loading. Images will be loaded when they are shown. Install lazyload-image via npm or bower.
webcomponents image lazyload web-componentsAlso known as code splitting, dynamic import (TC39 proposal), "chunks" (which are loaded on demand), "layers", "rollups", or "fragments". Async component (in React) is a technique (typically implemented as a Higher Order Component) for loading components with dynamic import.
react loading async code-splitting lazy-loading lazyload lazyload-images responsive-imagesScrollView with image/components lazyload feature. Support all ScrollView feature. Detect ScrollView by 'renderRow' and 'dataSource' props(ListView should be add this props).
react-native scrollview lazyload imageLazyload your React component and nicely fade in when it's ready. You have a slow component like a large image or complex widget, but want to keep your webapp fast.
react lazyload fadein react-componentThis is an association lazy loader for CakePHP ORM entities. It allows you to lazily load association data by accessessing the property, without using contain() (the eager loader). When accessing an association property (as if the data was eagerly loaded), the associated data is loaded automatically.
cakephp-orm lazyloadThis package was inspired by https://github.com/ivopetkov/responsively-lazy/. It uses very similar markup, but significantly simplifies the way image replacement is handled under the hood. It also adds an optional fallback for when JavaScript is disabled. Check out the examples for copy-pasteable code and more information about usage.
css lazyload-images lazy-loading lazy-load lazyload html module images responsive fallback html5Component to render images and lazyload them if are in the viewport (or near to them). This component extends from React.PureComponent so it needs React.js v15.3.0 or superior.
react lazyload image ajax
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.