5 ms·
Show HN: Gandul – accessible image lazy loading
- deleted 7y ago[deleted]
- JorgeGT 7y agoNice name!
- kingkool68 7y agoI really dig this approach. Pretty clever.
- lpghatguy 7y agoRendering an anchor in the place of an image in case I don't have JavaScript enabled doesn't feel very good. I'd much rather have image solutions that fail gracefully if the JS on my page is broken or the user just has it disabled.
- bastawhiz 7y agoIt would be nice if they supported an anchor with a noscript tag inside containing the image
- duhi88 7y agoWhy not? I think it is a fair replacement for a lot of image use-cases. If JS is turned off, users still have the ability to view the image and description, without the image hurting your total page weight.
- keanebean86 7y agoHave a style sheet at the bottom of the page below some js. The js sets up lazy loading and changes all the image div id/classes so the style sheet does nothing. The style sheet sets the image divs backgrounds to your images otherwise. That should still work without js. Although it's a mess to work with...
- revskill 7y agoHow about lazily turn <a> into <img> without hurting performance ? It's useful if the network is slow.
- fake-name 7y agoOr maybe, and this might sound crazy, just USE THE FUCKING IMAGE TAG. Seriously, websites where the images are broken without javascript are FUCKING ANNOYING. There are image formats that support progressive rendering. Use those if you're that desperate, but STOP BREAKING THE FUCKING INTERNET FOR NO GOOD REASON.
- antibland 7y agoNative lazy-loading[0] is coming in Chrome 75. <img src="celebration.jpg" loading="lazy" alt="..." /> [0] https://addyosmani.com/blog/lazy-loading/ https://addyosmani.com/blog/lazy-loading/
- tyingq 7y agoWith some caveats, like "An implementation detail of loading in Chrome is that it fetches the first 2KB of images on page-load.". That's the first 2KB of every image.
- Traubenfuchs 7y agoSo on the server side I will have lots of errors/exceptions because only 2kb were loaded of each image?
- tyingq 7y agoI assume it does a range request. I was more pointing out that the client will still make a lot of requests. So maybe still not a good approach for long pages with tons of images below the fold.
- Diti 7y agoGreat⸮ As a regular underground public transportation commuter (without a data connection, except at very specific stations), I might soon have to scroll through an entire page of lazy-loaded images to ensure the page will be accessible for consumption during my trip! But it’s a good thing, textual content will be easier to consume.
- zichy 7y agoI don't get why this is supposed to be particular accessible. <img> is perfectly fine, the alt attribute should describe the contents for users with screen readers and crawlers.