Comments (5)
An example can be found at http://www.uitzendinggemist.nl/programmas/975-nieuwsuur
from imager.js.
Hey @bartzon. Interesting loader implimentation, but what it is the benefit of it? It seems like a lot of extra requests and image weight to me. Imager.js was built to avoid requests and minimise image weight.
from imager.js.
The example page is, as you can see, very heavy on images. Since it's one site accessed from all over the world (without geolocated cdns and the like) where uplinks might be slow, we need to display images as soon as possible.
Also, we don't control the filesize of the big header image, so this can potentially be many kbs.
Yes, this'd be some extra requests (10,20,40,80,100, 5 requests), but the next quality would only be requested when the image has fully loaded. I understand your requirements are a bit different than ours :)
from imager.js.
Hi @bartzon thanks for opening up this discussion, but as mentioned by @jonlow we're very keen on performance and to also avoid any unnecessary HTTP requests. So because of this I'm going to close this issue, but do feel free to keep the discussion going if you believe there is some details/benefits we've not considered.
from imager.js.
No problemo :). Looking forward to where this lib is heading.
from imager.js.
Related Issues (20)
- JS error: Cannot call method 'replaceChild' of null --- Upon Scroll only HOT 4
- Replaced image width attribute HOT 1
- Support for inline background images HOT 9
- Lazy loading does not load images when revealed by a resize HOT 1
- Update/push bower version HOT 4
- Check if image is visible HOT 3
- Allow smaller image to be downloaded even if a larger version is already available HOT 4
- [PROPOSAL] Optimise DOM reads/writes HOT 8
- Firefox 29 requests `undefined` URL in case of lazy loading HOT 7
- [Question] Extra offset for `isThisElementOnScreen` method? HOT 2
- Imager use with single-page application? HOT 4
- Lazyload doesn't load images located on the first screen HOT 2
- Measuring element width in a layout that uses flexbox layout HOT 4
- Interpolation of src-attribute HOT 8
- can you use this for background images? HOT 1
- Missing generated files for Lazy Load demo HOT 1
- Only replace {width} placeholder, without changing element HOT 3
- Aspect ratio of images while loading page
- Adding a fade effect to lazy loaded images
- What about WebP support?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from imager.js.