How to make your JavaScript Bundle Smaller

Webpack also can lazy load)

Waiting for the programmer humour channel to be created.

Why I have to wait 4s to get data from Firestore in React. It is react problem or Country too far Problem?

Complicated

Did the video give the impression that only Vite could do dynamic imports? Or am I missing some nuance? I do like Vite, just curious.

Maybe bundled size is not that matter, Sometime your bundled size for all of your apps smaller than your single image in your site 😂

Backend bundles? Anyone? I really like microbundle for that purpose but it is slow af. SWC and Rust/Go based tooling is what I hope to use one day

omaigod zet iz sou smart

I just subscribed with all notifications, liked, commented, and shared.
I also watched the whole video.
It was enjoyable to consume.

I just subscribed, liked, commented, and shared. I also watched the whole video.

The classic "wait for them to log in, then hit them with megabytes" strategy. Jokes aside, thank you for this!!!

I cannot emphasize how important & rightly timed this video is for me. I am literally working on a project, and embarrassing it may sound the chunks are oversized. Saw this video and my bundle sizes are literally the smallest in the team.

Your hard work is commendable! Thanks Jeff... Looking forward more to you reading my mind 😄

please give us your instagram id for further references,doubts and for clarification..

By now I’m a chunk 😘

Yesssss!!!

thanks helpful vid

Maybe review yet another frontend framework , like nextja but uses vite as the build tool

A benefit to browser-side frameworks is that the whole package is very easy to cache. Why load anything at all? Offering Overview is 676 bytes per page load after the first load, and could be slimmed down more by moving the inline JS back to its own file.

New Next js logo 🤩😅

Kak e brat

I’m the lead at the company I work and that hangover clip had me rofln’

At some point you have to wonder what kind of functionality requires so much Javascript.

wait, what is this channel? If it's still fireship and still short videos, what's the word beyond for?

I remember going through code splitting hell on my website. I managed to get the 100 on pagespeeds, but lort was it a pain. I wish Vite was around then. Astro islands are doing it for me right now as I rebuild.

Wait....what! Isn't firebase used for databases? Why would you use it on the client side? Isn't that a security concern? Accessing the database directly from the client side??

Or... stop using big unnecessary frameworks and libraries.

Web development is really bloated and we need to move it into some kind of diet. Stop using over complicated dependencies just because of their marketing bullshit and do things yourself.

Im loving this channell

Just dont use firebase in the frontend make an api for interacting with the firebase Code running only in your server

❤🌟

KiB is kibibytes

Im so glad I work on the backend

Just wondering, don't dynamic imports eliminate the bundler's ability to statically analyze what code is used and therefore eliminate tree shaking for that entire import? From my understanding of tree shaking, it only works for es2015 style imports to statically analyze what is used and eliminate dead code from the bundle. If you are only using one functionality from firebase, tree shaking should only include the code for that one functionality, but if you import it dynamically then it has to include the entire package code in your final bundle. Am I missing something here?

too much work. make it a pwa and force the user to download everything. not my problem. 😎

Is there any way to get same result in Angular?

You should provide caption

God = Evan You

Stock Rollup can do the same. You don't need Vite for this.

I used to wonder why people did "code golf" exercises. Now I know why. A little "code golf" is something more people should practice. You'd be surprised how few bytes may actually be necessary to implement your functionality.

Everybody loves vite so much, but their docs are so aweful. I must be missing something

in react u can do it with lazy import whit out vite

Really want to get started with Vite now

Thanks

It is time to CRIMINALLY CHARGE Trump, period!

are you in my house?
I'm literally working in a project with vite using the react template and firebase
And i had the exact same problem 🤯
thank you so much for the amazing content

The best thing about it is that these days you can get away with having 10MB js file that's needed for a website to load and it still will work perfectly fine and the users won't notice any difference so pushing to decrease the file sizes is completely pointless. A 1MB decrease for example is nothing.

Meanwhile Angular : you can do that for quite a while now :p