lite-youtube-embed
terser
lite-youtube-embed | terser | |
---|---|---|
9 | 28 | |
5,411 | 8,449 | |
- | 0.9% | |
6.3 | 8.9 | |
about 1 month ago | 4 days ago | |
HTML | JavaScript | |
GNU General Public License v3.0 or later | GNU General Public License v3.0 or later |
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 :
terser
-
How I use Devbox in my Elm projects
These projects use Caddy as my local development server, Dart Sass for converting my Sass files to CSS, elm, elm-format, elm-optimize-level-2, elm-review, elm-test (only in Calculator), ShellCheck to find bugs in my shell scripts, and Terser to mangle and compress JavaScript code.
-
Obfuscating your create react app and routes
During my intial search i came across some outdated libraries like javascript-obfuscator and uglify-js(as if javascript code can get any uglier, am I right?). Then, I stumbled upon Terser, a modern library that supports ES6.
-
10 Bad Habits That Can Slow Down Your JavaScript Applications ๐
Example: You've got a main.js file that's as long as a Tolstoy novel. Fix: Use tools like UglifyJS or Terser to minify your code. They'll squeeze out all the unnecessary bits and give you a sleeker, faster-loading file.
-
Things you forgot because of React
They can do it, it is just turned off by default and require more advanced configuration.
https://github.com/terser/terser#cli-mangling-property-names...
-
Understanding Source Maps: Simplifying Debugging
Minifying is a common practice for optimizing production code. (for example, using Terser to minify and mangle JavaScript).
-
How To Secure Your JavaScript Applications
Minification: UglifyJS, Terser
-
Minify private methods in a TypeScript class
Terser is JavaScript compressor that can minified specific method names.
-
React Native CI/CD build speed improved by 22% with one line of code
Every release build of React Native uses terser to reduce the size of your JavaScript. And it operation can be omitted for Staging/Beta builds.
-
Setting up a custom toolchain
A minifier makes your code more compact so that it loads faster. Popular minifiers: Terser, swc.
-
Overview of the next-gen frontend dev tools
There are many minifiers such as terser and uglify. But, because minifying also require to parse the JS, it is actually possible to use esbuild and SWC to minify the code. Here's a benchmark of the main minifiers.
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]
esbuild - An extremely fast bundler for the web
vue-lazyload - A Vue.js plugin for lazyload your Image or Component in your application.
vite - Next generation frontend tooling. It's fast!
web.dev - The frontend, backend, and content source code for web.dev
UglifyJS2 - JavaScript parser / mangler / compressor / beautifier toolkit
react-scroll - React scroll component
closure-compiler - A JavaScript checker and optimizer.
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.
Sass - Sass makes CSS fun!
loadable-components - The recommended Code Splitting library for React โ๏ธโจ
PostCSS - Transforming styles with JS plugins