DEV Community

Cover image for How to Reduce React App Loading Time By 70%

How to Reduce React App Loading Time By 70%

Nilanth on September 14, 2021

Steps to decrease your React app initial loading time using code splitting. We build large-scale apps using React. When building these apps, the m...
Collapse
 
bennypowers profile image
Benny Powers 🇮🇱🇨🇦

best way to optimize a react app is to not use react

use preact if you like the api

use any number of web components libraries if you only want components and templates - lit (oop), haunted (hooks), fast (hybrid), atomico (hooks), hybrids (hybrid)

Collapse
 
rubywilson1 profile image
Info Comment hidden by post author - thread only accessible via permalink
RubyWilson1

Using React by itself will not result in a highly performant application. If you’re not careful, the application can pick up bloat easily. It’s good practice to conduct audits periodically. best tantrik in Kalyan

Collapse
 
hyggedev profile image
Chris Hansen

Thank you for this! 👏 Extremely educational. Will implement suspense immediately. But it's still experimental right? Or not ready for production?

Collapse
 
nilanth profile image
Nilanth

Suspense is ready for production.

Collapse
 
hyggedev profile image
Chris Hansen

Right on 👌

Collapse
 
mohdahmad1 profile image
Mohd Ahmad • Edited

switch to preact,It is 3kb alternative to react. use preact/compact to achieve 100% compitability with react apps

Collapse
 
capscode profile image
capscode

Awesome 👍👍👍

Collapse
 
strdr4605 profile image
Dragoș Străinu

Hey, sorry for writing here, but could you add RSS feed to your blog?!

Collapse
 
rammah_n profile image
Rammah

Great explanation! My understanding of lazy loading was a bit hazy but the way you explained it made it much more clearer.

Collapse
 
xchavez94x profile image
xchavez94x • Edited

Recently i’ve read about the code splitting and lazy loading and i was thinking ok but how and why, this post put me back on the right track thanks a lot for the effort

Collapse
 
nilanth profile image
Nilanth

Thank You

Collapse
 
anshulnegitc profile image
Anshul Negi

Insightful content.
Thanks for sharing
Keep writing
Cheers...

Collapse
 
sejogit28 profile image
Sean Joseph

This was super helpful, Thank you!

Collapse
 
hurdacitelefonu profile image
Hurdacı Telefonu (İstanbul)

Very nice...

Collapse
 
vnues profile image
vnues

SSR with Suspense also fast

Collapse
 
reacthunter0324 profile image
React Hunter

Looks good example!
It would be great if you can explain about the image optimization.
Thank you

Some comments have been hidden by the post's author - find out more