How We Reduced Our React App’s Load Time by 60%

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. Chrome DevTools offers powerful performance measurement for JavaScript applications. Learn how to read and understand performance profiles. Code splitting is easy to setup with Webpack 4 and you should definitely use it to optimize your application. Identify where long lists of content are rendered and optimize them with react-window. Understand how React works internally. This will help you identify wasted renders and fix them. Use the “Highlight Updates” option in React DevTools to help you with this step. There are several other methods to improve performance in React applications — prefetching, service workers, bundle analysis, etc. to reduce bundle sizes.