I'm a simple man, I see a fireship video, I click.

likes.

The amount of knowledge he gave about web performance is just insane judging by the amount of time he told it in. This information would have been a lot harder to process if it would be told by someone other that fireship

This video is a gold mine for web developers! Fireship's knowledge on web performance is impressive, and he managed to explain everything in just 6 minutes and 43 seconds. I particularly appreciate his tips on LCP, FID, and CLS, and I can't wait to apply them to my projects. Thank you for another amazing video, Beyond Fireship!

I had heard about those before but could never remember which was which. Now everything is crystal clear. Good job.

There was a time I used to think about what exactly companies required retaining web developers for after the initial website build and deployment, and its later I discovered the functionalities of dynamic websites, time series apps, things like this video - performance which requires continuous integrations possibly, website updates, ui updates, etc. With these little and many more, I discovered yeah, its actually work - work, work, work, work... On my journey to becoming a web developer btw.

Thank you for that video, just a few hours ago searched for layout shift issues because my build has horrible layoutshifts for no reason. Your video came in the right moment.

Fireship really knows how to take his concept and jam it right where I need it the most. Thanks, Jeff!

I'm so glad I found this channel, learning so much new stuff on every single video

the level quality Jeff puts out is incredible. It feels like he has an entire team behind him, but from what I know, its just him

Wow!!!!!!!!!!! Men, how you break things down so clearly and in such a practical manner is beyond me. Thanks a lot for this video

Unlighthouse has been a great help to my workflow. Awesome tool!

Scary timing as i have just been tasked with trying to find these kind of performance bottlenecks, awesome video like always!

As for general website optimization, image lazy-loading is quite low-hanging fruit. It can shave few seconds on LCP for unoptimized sites due to resource competition in critical rendering path. And you can turn the optimization with single attribute nowadays.

That is definitely the perfect aspect ratio for all images. Definitely superior to the golden mean.

Thanks alot for helping the world become more efficient and familiar with high quality web development

Dude, this Beyond Fireship stuff is pure gold.

These videos are great I can feel all the hard work inserted inside

Thank you for this great tutorial. Id love to hear more towards accessibility

That UnLighthouse is really helpful! Thanks a lot :)

Great video Jeff! Love the info!

Amazing content. Exponential value per minute. Thanks.

Awesome stuff, now I'm going to use this to optimize my portfolio

I used to work for this WP plugin Nitropack, which did wonders with these metrics. Loading critical resources first and separating above-the-fold content for priority load. A-level

Fireship puts so much effort in his videos that I can feel it coming inside of me

Amazing. You are doing an awesome job for the tech community. I dont have words to express the gratitude.

Appreciate the detailed video. Would love to see you optimize an actual page live.

oh god, I learn so much from your (

That's the perfect beginning!

Great video ❤, more on performance pls 🎉

Thank you so much for unlighthouse!!!

It’s amazing what you fit in such a short video when I spent weeks learning to optimize all sorts of websites for speed. I still spend hours on this for clients, but lighthouse is not the best way to check page performance, I find gtmetrix a better tool. Lighthouse gets negativity effected by chrome extensions and thus have to perform it incognito or turn extensions off.

Great Video. Learnt a lot. thanks

am so glad you're off theAI hype train and dripping awesome practical content again

Awesome content! 🔥🔥

Glad to see Astro crushing it in the Unlighthouse reports. Am using it for my next client project 😁

Awesome video! Keep up the great work!

Your sense of humour is really beyond fireship

I hope you never stop making videos or else my job will be at risk!

Awesome Info 😍, Thanks

True gem. Thanks.

Whenever I see a new fireship video I come fast.

Definitely a big LIKE from me

This guy does it yet again

i like how the beyond fireship became like the main channel before ai revolution!

Great video!

I like this video even before I start watching it

wtf, this is like EXACTLY the video I needed right now! Now I finally know who my NSA agent is, thanks for the clarification 👍👌 (also thank you for the very helpful video)

Can we just appreciate the amount of meme fireship puts inside of me

Great 🎉 Can you also make a video on how can we optimise 3rd libraries to improve the performance of the website?

Amazing content

I think more importantly is that developers need to focus on the instant gratification that the user gets when the page loads.

2:26 Hol up what is that href XD Fantastic video thank you

🔥 content!

Hell no, you don't need to capture my attention. I see a fireship video, i sit down, click, and focus with the video😉

wow even tho i'm no longer a web dev, these tools are fucking amazing, unlighthouse is stupidly useful too, i can't even believe is free, i wish we had something like this for react native or native ios/android

thank you!

great video 🎉

this is fantasmic

I feed all this information to my AI and now it's able to write a fast and modern websites for me.

fireship was in Demon level of educational content delivery, now he's just Dragon level heading to God.

There is a "Browser Rendering Optimization" playlist with detailed explanation from Google employees about how it all works behind the scenes in chromium. But... it was released 7 years ago, maybe some things changed.

5:35 man that one got me real good almost choked thank you

Facebook and Google tracking scripts hit a lot the performance

Didn't expect the hub reference

this video taught me to give up on trying to make websites at all

I would add JPEG-XL to modern image formats; slap it in your picture elements and image-sets now so browsers know your site wants supports (some forks do support it). CDN can often time be an expensive premature optimization. I don't think folks should blindly assume they need one in a lot of cases. “Workers” can be overkill too. The free services will go the way of Heroku in the future and drop their free tier so it’s better to avoid if you can. Frameworks like Qwik don’t even work with out JavaScript which circles back to many sites don’t need more than HTML, a single CSS file, and sparing JavaScript for enhancement; so many sites are broken with ‘optimizations’ that make things worse. The added complexity can just as much add cost to maintenance and development.

Amazing how the college board website is bad in every one of these metrics

10% web development guide 90% horny goat weed

astro literally sick

I instantly improved my lighthouse score by doing this simple trick 😱 (fireship bots hate him) I disabled react developer tools 💪

please make a video on sql optimization, it will be very helpful.

The irony of me just without thinking double clicking the right side of the screen after the first line 😂

cool video)

Hi, great vid, just one note on the use of unlighthouse, you must add --throttle to the command line, without it you won't see genuine lighthouse results

I would love the see an aspect ration of 69/420 in production. Hilarious, thanks for the good laugh along with kickass content.

❤

👏

Just remember, when a measure becomes a target it stops being a good measure, lighthouse is a diagnostic tool not an optimization target, use your judgement.

Nextjs: add few default html properties to img tag: we fix the image tag😁

By far the most common cause of unexpected CLS I come across is Google ads that keep changing size. It would be nice if they could do something about that

this is sadly too true, I feel like that guy from the simpsons episode "barts comet" who cuts off professor frink's introduction by screaming *"QUIT STALLING; WHAT'S THE PLAN?!"*

I think the tool is great, but I've noticed some differences when running it on my CI. I already have a setup that checks for Lighthouse scores, and I've found that there's a significant gap between the scores in production and those reported by the tool. For example, while the production score is around 75 (which seems correct), the same page scores 95 on Unlighthouse.

Here for the memes!😄

Astro is wild

2:04 you missed marking the function as an "async" function 😅

Look man, you do a video with that blue thing floating around and I could listen to you for an hour

Also avoid JS methods that cause layout thrashing such as getBoundingClientRect(), getComputedStyles() etc.

This is all foreign to me. Building an enterprise web app that our clients open at the start of the day, then leave open. It's actually preferable for us to have some delay on first load, get it all in the cache, and then a smooth experience after that.

4:09 wth!? Is that real I'm so looking up Wolfgang Ingenfelds now 😅

Astro is just flexing

This topic is fine, the video is fine, the comments are fine except a few comments are inside me.

is Astro better than QwikCity and/or SolidStart in terms of performance?

Funny how you pronounce contentful. I always pronounced it content-full (both words pronounced as you would pronounce them separately, and “content” in the meaning of “there’s stuff inside”, not “happiness”). The way you pronounce it, imo sounds like you mean “fully satisfied” as opposed to “full of stuff”

Joke's on you Jeff. You captured my attention well before I clicked on the video 😉

HGW ordering is important

Can you make a video tutorial on how to make Mixed Reality (AR + VR_ Apps using React native or something?

Not a huge fan of the yellow furniture, but mad respect to any mother fucker that runs a blade brace; guaranteed shoulder bruising... And now a felony, because reasons.

6:14 no worries guys, he said github 😁

Just 2 days after this they released INP as another stable core metric.