minification-benchmarks
bookshop
minification-benchmarks | bookshop | |
---|---|---|
15 | 20 | |
1,208 | 229 | |
- | 0.4% | |
9.1 | 7.7 | |
4 days ago | 10 days ago | |
TypeScript | JavaScript | |
MIT License | 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.
minification-benchmarks
-
Extremely reducing the size of NPM package
Minifiers are used to reduce the size of the bundle. They can remove unused code, shorten expressions, and so on. And Now there are already several popular minifiers, and they continue to appear: more familiar ones - written in JavaScript - Terser and UglifyJS, even Babel has its own version of the minifier, there are also more modern SWC (written in Rust) and ESBuild (written in Go), and a bunch of other lesser-known minifiers. And I recommend you to look at this repository. It contains up-to-date test results of various popular minifiers.
-
Minify and Gzip (2022)
This minify/gzip size effect is a well known quirk to developers of javascript minifiers. The minifier's symbol mangling algorithm often has a more pronounced effect than does advanced AST optimization.
This website has real life data on the matter for popular libraries:
* https://github.com/privatenumber/minification-benchmarks
Compare the trophies indicating smallest size for Minified versus Minzipped (gzip). Generally the smallest minified size yields the smallest minified+gzip size, but there are some notable anomolies outside the range of statistical noise. It is not practical for a javascript minifier to take a compression algorithm into account - it would blow up the minify timings exponentially.
-
Bun v0.6.0 – Bun's new JavaScript bundler and minifier
It would be helpful to see how Bun's minifier compares to the others with popular libraries:
https://github.com/privatenumber/minification-benchmarks
-
JS Uglify/Minify Gems?
JavaScript
-
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.
-
Overworld 1.0 is Live
Here's a comparison showing the major players with comparable stats at first glance. https://github.com/privatenumber/minification-benchmarks
-
Is anyone using Google Closure Compiler? And why not?
https://esbuild.github.io/ https://github.com/privatenumber/minification-benchmarks
- Parcel v2
- I never need webpack or babel anymore
-
🧢 Stefan's Web Weekly #6
privatenumber/minification-benchmarks – JS minification benchmarks: babel-minify, esbuild, terser, uglify-js
bookshop
-
Storybook 8
It seems like CloudCannon has this with their open-source Bookshop component editor which can integrate with their hosted CMS.
https://github.com/CloudCannon/bookshop
The small user base, however, means there probably aren't other CMSs that use the same component representations or CMS live data bindings. This means while Bookshop components are portable between CMSs on paper, it's not in practice (e.g. you can't easily hook it up to another CMS with a visual editor like Wordpress's Gutenberg, Storyblok, etc.).
-
How to import Hugo theme to CloudCannon?
You can use a script to import your Hugo theme but this will only give you text editing functionality (markdown). For the visual editing experience you will need to convert your current theme to a cloudcannon theme using bookshop https://github.com/CloudCannon/bookshop
-
JS Uglify/Minify Gems?
What's everybody using to make their javascript smaller nowadays? I used Grunt to minify my JS, CSS, and images many moons ago but I want to update my template to actually use bundle to deliver my assets since I'm creating a visual editor with CloudCannon.
-
The Top Five Static Site Generators (SSGs) for 2023 — and when to use them!
Bookshop is a component development workflow for static websites. Bookshop defines a convention for building self-contained components in the templating languages supported by common SSGs. Using these conventions, Bookshop provides developer tooling that empowers you to integrate these components with your stack, build and browse UI components locally, and provide rich live editing experiences for your editors.
-
23 of the best Eleventy Themes (Starters) for 2023
Sendit is a multipurpose Eleventy theme made with the Bootstrap CSS framework. The components have been converted to Bookshop. It’s the perfect starting point to see how CloudCannon works.
-
11 Top Eleventy Blog Themes (Starters) in 2023
Sendit is a multipurpose Eleventy theme with a built-in blog, made with the Bootstrap CSS framework. The components have been converted to Bookshop. It’s the perfect starting point to see how CloudCannon’s Visual Editing and component-based page-building works, and how they can really speed up your blogging flow.
-
A new Eleventy theme — in a CMS with full Eleventy support!
For users of our open-source component development workflow Bookshop, we’ve created a full reference guide for Bookshop on Eleventy and a Bookshop starter template. (The Sendit theme comes with Bookshop and a wide range of components already configured, too!)
-
Save Time Building Static Sites: New Editor Improvements
The last place our improvements touch on is visual page building. You can now create new pages in the Visual Editor and edit the page’s default data right away — with no build needed. We also added an option to preview your new page without a build. To get a preview, you’ll need pages configured to render from your front matter using Data Bindings and Previews (we also recommend Bookshop here). Then you can use the new option new_preview_url to set your preview to another page’s output URL. The Visual Editor will load that set preview URL and use the Data Bindings and Previews to render your new page without saving. You can try this with our Megakit template.
-
Introducing Pagefind: Static Low-bandwidth Search at Scale
Our SSGs through the ages series delves into the history of this space, and one of the trends that we’re seeing is larger and larger projects migrating to static websites, helped in part by the efficiency of static site generators like Hugo. We build many such sites for ourselves — the CloudCannon documentation is nothing to sneeze at — as well as for our Enterprise partners, and our customers build yet more on our platform every day. As this scale continues to increase, we find ourselves encountering new and interesting challenges. In the past we have released open-source tools for component-driven development, internationalization, pagination and portability. Now, we have our sights set on search.
-
Why the web is turning away from WordPress
Bookshop, one of our own open-source tools, allows the kind of component-based editing in SSGs such as Hugo, Jekyll, and Eleventy that — to put it bluntly — no one thought was possible. It’s an inflection point that will affect how these SSGs will be used in the coming years; think Elementor’s block-based builder for WordPress, with increasing support for additional platforms that don’t have rigid security and maintenance constraints. With Bookshop, developers can work with custom components on the SSG they choose, without being locked into a single platform.
What are some alternatives?
vite - Next generation frontend tooling. It's fast!
flowbite-svelte - Official Svelte components built for Flowbite and Tailwind CSS
esbuild - An extremely fast bundler for the web
eleventy-chirpy-blog-template - Blog template for 11ty based on Chirpy UX
terser - 🗜 JavaScript parser, mangler and compressor toolkit for ES6+
elf - Elf is a simple & magical Eleventy starter kit to help you create a project using standard technologies like webpack, Babel and Sass, while also considering ease of use, performance and browser compatibility.
mocha-esbuild - Run tests with mocha compiled by esbuild
pagefind - Static low-bandwidth search at scale
fjb - fast javascript bundler :package:
hugo-ink - Crisp, minimal personal website and blog theme for Hugo
source-map-explorer - Analyze and debug space usage through source maps
hugo-theme-yinyang - A black-white theme for Hugo.