What are some good ways to reduce FID (First input delay) in isomorphic React application?

970 Views Asked by At

FID for pointerdown event in very in my application. Its an Isomoprphic react application. Could anyone suggest some good ways to reduce it. Recently google search console has introduced speed (experimental). It's showing most of my website pages are slow because of high FID (> 300ms).

1

There are 1 best solutions below

5
zemil On
  • Reduce bundle size
  • Use server side rendering (I guess you use it because you have an Isomorphic app)
  • Use Code-Splitting
  • Check website with google page speed (it helps you to identify "the weakest" parts also this google service provides suggestions on how page may be improved)

Also I need more details about network waterfall (for example it can be big images (you can optimize it or use lazy load for your images) or another requests that can reduce fid)