Skip to content
#

lazy-loading

Here are 600 public repositories matching this topic...

vanilla-lazyload

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.

  • Updated Jun 25, 2020
  • JavaScript
hadirsa
hadirsa commented May 16, 2018

I'm submitting a ...

[ * ] Documentation issue or request

Current behavior
I have added a new language to the languages list. Change in language's combo is Ok and works. The problem is that i want to set a new language as default.
I did this in config.local.json but default language is not set on application start. Is there another changes that i should make to hav

m98
m98 commented Dec 10, 2019

I was going to use this module, but there are several problems in the documentation which I need to report:

  • The part which talks about SSR and SEO is not really clear, and it does not provide an example of a module import that uses this technique.

  • Other preset types are not included in the docs and you have to look for it on the library code (ssrPreset, intersectionObserverPreset)

react-lazy-load-image-component
jotamodesto
jotamodesto commented Apr 17, 2020

If I'm not mistaken the blur and black and white effects are related to the placeholderSrc, and opacity creates a blank space then transition to the loaded image.

It would be nice if I define placeholder prop, then the opacity effect could use it

Ex:
<LazyLoadImage src="some-big-image.jpg" placeholder={<div>Loading...</div>} effect="opacity" />

mol
nin-jin
nin-jin commented Jun 30, 2019

http://mol.js.org/app/demo/-/#demo=mol_portion_demo
Так как portion может использоваться для рисования прогресс бара, было бы не плохо показать такой вариант его применения в виде прогрессбара заполняющегося до 0 до конца, а потом откатывающегося обратно. Пример прикручивания анимации можно глянуть в $mol_plot_demo.

karottenreibe
karottenreibe commented May 20, 2019

I got weird typing errors after adding react-lazy-images to my project and didn't understand them until I read #13. Using the workaround described there works for me. I think, however, it would make this project easier to use for anyone using TypeScript if this requirement were clearly documented in the project's README. Otherwise you have to have the insight to look into the closed GitHub issues

wildhaber
wildhaber commented Sep 19, 2017

Description

When developing on a responsive website there are some elements that has to be cloned and used doubled - for example a navigation for the burger-style-menu on mobile and the mega-menu on a large screen.

Instead of loading both at once, what, if it would be possible to load a module only when a certain viewport width/height is valid, like:

import { ModuleSigna

Improve this page

Add a description, image, and links to the lazy-loading topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with the lazy-loading topic, visit your repo's landing page and select "manage topics."

Learn more

You can’t perform that action at this time.