loading-attribute-polyfill
Fast and lightweight dependency-free vanilla JavaScript polyfill for native lazy loading / the awesome loading='lazy'-attribute. (by mfranzke)
sqip
"SQIP" (pronounced \skwɪb\ like the non-magical folk of magical descent) is a SVG-based LQIP technique. (by axe312ger)
Our great sponsors
loading-attribute-polyfill | sqip | |
---|---|---|
4 | 4 | |
614 | 3,363 | |
- | - | |
5.5 | 9.0 | |
2 days ago | 15 days ago | |
JavaScript | TypeScript | |
MIT License | The Unlicense |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
loading-attribute-polyfill
Posts with mentions or reviews of loading-attribute-polyfill.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-03-22.
- The best approach to lazy load images for maximum performance
-
Improving your web performance
If you want to know which browsers accept this new attribute you can check it out at CanIuse In case most of your users use a browser that doesn't have this attribute implemented yet you can always use a polyfill, I recommend this Polyfill
-
Native lazy-loading of images with zero Javascript
Browsers that do not support the loading attribute simply ignore it without any side-effects. Fortunately, there is a polyfill at Github available named loading-attribute-polyfill which can be used in those cases.
-
🔥 Native lazy loading is here!
I recommend using a polyfill in addition to this: https://github.com/mfranzke/loading-attribute-polyfill
sqip
Posts with mentions or reviews of sqip.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-09-02.
- Stepped image compression API?
-
Show HN: I built a tool to generate triangulated art from images
I think OP's project would be great to add as a new entry to the SQIP demo site [2].
In the thumbnail demo, the LQIP-custom approach (simple resize to low-res jpg thumbail+optimize jpg) approach preserves the more salient features better and has compression on-par-or-better than SQIP with lower processing times. So in my opinion the simple extreme resize+jpgoptim is preferable for thumbnails.
Thumbnails are only small part of LQIP story though and I can imagine RH12503/Triangula working much better for larger images.
1. https://github.com/axe312ger/sqip
2. https://axe312ger.github.io/sqip/
-
🔥 Native lazy loading is here!
Alright, so SQIP generates an SVG from an image, see here and here.
What are some alternatives?
When comparing loading-attribute-polyfill and sqip you can also consider the following projects:
Glide.js - A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
blurhash-to-css - Convert a BlurHash to a CSS Object using TypeScript, Rust, and WebAssembly.