How to make your JavaScript Bundle Smaller

Learn how to implement code splitting to make your JavaScript bundle size smaller, resulting in faster initial page loads and time-to-interactive lighthouse scores.

Also, learn how to lazy-load Firebase Firestore asynchronously to dramatically speed up your website.

[hashtagPoundsign]

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

[theweebtoblame]

Wow! I never knew about this, now my sites can be visited by people who aren't on localhost!

[anweshandev]

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 😄

[TheusKhan]

I'm loving this channel and the humor.
Great videos as always!

[damin]

my new favourite channel, sometimes when im coding i just remember something from a vid 2 weeks ago and it saves me

[vikingthedude]

Im loving vite and the other new js frameworks like astro etc. It’s painful to have to face so many new frameworks in the js ecosystem. But it seems we’re moving in the right direction. Hopefully we’ll be a bit more settled in the future.

[will_abule]

You're videos sometimes has perfect timing

[TubularAnimator]

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

[AByteofCode]

Great video my man! Good luck with this new channel and keep up the good work :)

[matteoalberghini]

In next js you can dynamic import as well btw, and automatically imports it when needed

[cool_scatter]

I had no idea vite could do this! Very useful

[desirechiduku]

Jeff must have a place among the programming Deities 🔥🔥

[dilson]

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

[TubularAnimator]

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

[re.liable]

Really want to get started with Vite now

[rutulpatel]

Never knew this channel existed Jeff :(

[StephenGillie]

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.

[mooshy]

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

[AV_YOUTUBE_X]

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.

[dominicanfrankster]

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.