Command Palette

Search for a command to run...

GZIP on the Browser

UpdatedApril 30, 2022

•1 min read•View as Markdown

Okiki Ojo

Hey, I am Okiki, a student and part-time web dev. I like exploring, testing and learning.

If you need some help in a project I’d be more than willing to help.

Comments

Join the discussion

No comments yet. Be the first to comment.

More from this blog

Hot take: Apple v US gov't, the US gov't is right

The lawsuit is more valid than one would think, both legally and logically

Apr 5, 2024·2 min read·374

Hot take: Apple v US gov't, the US gov't is right

From Docker to Podman - VS Code DevContainers

A Simplified Guide for Transitioning from Docker to Podman in Your Development Environment

Oct 12, 2023·5 min read·10.0K

From Docker to Podman - VS Code DevContainers

Mastering the Art of ESM and CJS Package Handling

The subtle shift in bundlejs' behaviour

Jul 8, 2023·4 min read·2.6K

Mastering the Art of ESM and CJS Package Handling

Vercel + Support Center = 🚀

Improving the customer support experience at Vercel

Feb 7, 2023·2 min read·281

Using FormData with Astro

How to upload files with Astro, express and multerjs

Sep 18, 2022·9 min read·6.8K

Okiki's Blog

13 posts

Software Engineer at @vercel; Maintainer on @withastro; Creator of bundlejs.com & inthistweet.app

Out of curiosity I created a small demo detailing how you can implement GZIP in the browser, I used fflate for the GZIP compression, and pretty-bytes to convert bytes into human readable format, the demo is really small but as an example it should be more than good enough. I based it on bundlejs.com. Interestingly, I have yet to find a website that lets you see the GZIP size of some random text, all the ones I have found so far expect you to upload a file, the little demo takes a string as an input compresses it, and gives you the final size.

https://codepen.io/okikio/pen/ExmQwPM

Codepen demo: https://codepen.io/okikio/pen/ExmQwPM

I suggest checking out bundlejs.com it's a specialized for bundling, minifying and compressing js, all locally, right on your browser.

Check out the product hunt page for bundlejs.com,

https://www.producthunt.com/posts/bundle-6

#codepen #webdev #javascript #snippets

1.1K views

Archive
Privacy
Terms

Sitemap RSS