2

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).

Harsh Sarohi
  • 807
  • 1
  • 9
  • 18

1 Answers1

0
  • 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)

zemil
  • 3,235
  • 2
  • 24
  • 33
  • Isomorphic react applications are serverside rendered. FID is usually high in serverside rendered apps how will it decrease FID? – Harsh Sarohi Nov 14 '19 at 06:51
  • I know. Yeah, Usually but not in your case. I just mentioned about it because it can help for someone – zemil Nov 14 '19 at 06:57
  • We have implemented route and well as component based splitting. We are also using lazy loading for image. For css we are using styled components. I don't think it we are experiencing high FID because of any of these issues. – Harsh Sarohi Nov 14 '19 at 07:03
  • do you use react ssr framework as next.js, gatsby etc? – zemil Nov 14 '19 at 07:05
  • No, we are not using any framework for server side rendering – Harsh Sarohi Nov 14 '19 at 07:14