lite-youtube-embed
vue-lazyload
| lite-youtube-embed | vue-lazyload | |
|---|---|---|
| 9 | 2 | |
| 5,383 | 7,961 | |
| - | - | |
| 6.3 | 4.0 | |
| 23 days ago | 10 months ago | |
| HTML | JavaScript | |
| GNU General Public License v3.0 or later | MIT License |
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.
lite-youtube-embed
-
YouTube video embedding harm reduction
Maybe a good place to mention Paul Irish’s lite-youtube-embed:
"Provide videos with a supercharged focus on visual performance. This custom element renders just like the real thing but approximately 224× faster."
https://github.com/paulirish/lite-youtube-embed
- Question about the youtube Iframes and removing the obnoxious youtube logo
- How to embed YouTube and Vimeo the light way
-
The Google home page is 500K
That's always been the case. Having too many Google Ads can even downrank you in search results for being a bad user experience.
For Youtube embeds, I prefer Lite Youtube Embed[1] by the magnificent Paul Irish.
[1] https://github.com/paulirish/lite-youtube-embed
-
My web performance journey with Nuxt, Storyblok & Netlify
What I use → For Youtube videos I started using lite-youtube-embed package, following the advice of Debbie O'brien and web.dev!
-
Faster YouTube embeds in Eleventy
Video is great, but the default YouTube embed share is both bloated and not privacy-minded. I finally switched my YouTube embeds to lite-youtube-embed by Paul Irish, and it's fantastic. It loads "faster than a sneeze" and uses the no-cookie version by default.
- Lite-YouTube Embed
- Shouldn't YouTube Videos Hurt Rankings because of the resulting bad page speed?
-
Lazy loading with React
The Lite Youtube Embed project by Paul Irish is a perfect example of fake loading: it takes a Youtube Video ID and presents only a thumbnail with a play button :
vue-lazyload
-
many gifs in one page
I'd you are using a frontend framework, you can use lazy loading that loads more content on scroll. For Vue: https://github.com/hilongjw/vue-lazyload For React: https://github.com/twobin/react-lazyload
-
My web performance journey with Nuxt, Storyblok & Netlify
What I use → In my case I'm using Vue Lazyload to lazy-load my images and background images: https://github.com/hilongjw/vue-lazyload#demo
What are some alternatives?
Nuxt.js - Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]
terser - 🗜 JavaScript parser, mangler and compressor toolkit for ES6+
web.dev - The frontend, backend, and content source code for web.dev
critical - Extract & Inline Critical-path CSS in HTML pages
react-scroll - React scroll component
squoosh - Make images smaller using best-in-class codecs, right in the browser.
lite-youtube - The fastest little YouTube web component on this side of the internet. The shadow dom web component version of Paul's lite-youtube-embed.
react-lazyload - Lazy load your component, image or anything matters the performance.
loadable-components - The recommended Code Splitting library for React ✂️✨
alternative-frontends - 🔐🌐 Privacy-respecting web frontends for popular services
purgecss - Remove unused CSS