在同构 React 应用程序中减少 FID（首次输入延迟）的好方法有哪些？

Question

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

Answer 1

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