NextJS 13 Performance Showdown!

With the new app directory is NextJS 13 the performance winner across the board in comparison to NextJS 12 and Astro? Let's find out in a head-to-head performance showdown across three applications.

👉 VS Code theme and font? Night Wolf [black] and JETBrains Mono

0:00 Introduction
0:15 Time To Interactive
4:04 Content Example
6:38 Table Example
8:30 Conclusion
9:22 Outroduction

[Vicky-wjvw]

We also need video on next js vs remix vs astro.One more thing I love how you teach us very deeply 🥰🥰🥰🥰.

[mrmozao]

I would love to see Remix competing against Astro 2. Could we have something like that in the future?
Thanks for the awesome work as always!

[colinrosati]

Would be great to see Nuxt compared in the same benchmark

[hidden_from_you]

Hello Jack Herrington,
Thank you!
I always watch your channel, the content, presentation, as well as quality, are top-level, so please keep up the good work! :-)

[ilijanl]

Having those big bundles, you probably should simulate slow cpu (like 4x/8x) additionally. Wonder what the impact is on mid range mobile devices when parsing and running the code

[sakoabovyan]

Thanks a lot! It was a great test 🔥
But I guess it could have been great to have QUIK here as well

[matttamal]

Very interesting, I'm quite curious about pages heavy in both static and interactive content. Astro being the islands superstars seems the go to, but that last test with Next12 winning out makes me want to stress test this out properly

[rizgust]

love your content! discovered your channel from random shorts.

[raymondmichael]

Now I understand why my beta nextjs was being slow, I had to switch to 13 alpha.
Though app directory is very addictive with it's awesome data fetching and super flexible layout structures, switched back painful 😢

Thanks buddy

[isdeonf]

Would absolutely love SvelteKit added to that table!

[wizardoflightnings]

Thank you for the comparison!
How about comparing the above with Vue3 + Nuxt3?

[biku]

Excellent video as always 👏

Do you recommend using plain spa react with vite if we have to build something like Google form which has a very heavy client side interaction or do you recommend a meta framework for that.

[khashe]

Great showdown, Jack. Next 13 still feels so incomplete. Wondering how SvelteKit, Remix and Solid fare against this 🤔

[tthiagolino]

I made a version of this same app Next but using SvelteKit for comparison, not only is Svelte smaller and faster than React by default but it is also possible to declare which page will be statically pre-rendered and which will send javascript to the client in just one line
Using the inlineStyleThreshold option in the adapter settings the whole page (not including images) was created in a single 9.1kb html file (which was also gziped during build to 2.9kb) and exacly 0.5s of TTI

[saurabhranjan]

Hi,

Thanks for investing your time.

Can you please explain "Have less direct connection to the framework"?

[justinnl]

Great video! Seems like next 12 is the best option 🤔

[ilkou]

would love to see a comparison with remix as well

[joeyywill]

Hey Jack, just want to thank you for the effort you put into your online presence, hope you're doing well buddy :)

[randmtv]

Good comparison, but unfortunately it seems TTI as a metric isn't that useful anymore and was actually removed in latest version of Lighthouse (v10). Nonetheless, insightful video because of other data that was shown.

[r_rho]

Love this comparison! You should compare building equivalent apps in next 13 and Qwik, since time to interactive is Qwik's highest regarded metric