React Application Performance
Based on my analysis, I have listed the below options to optimize the React Application performance. Bundle Size Unwanted Rendering Performing intensive operation Network Requests (Dns-prefetch or preconnect) Load External Scripts Running tools like Lighthouse on your application, gives you the performance metrics. Bundle Size Bundle size is the page size that gets loaded into the browser. Smaller the bundle size, page will be loaded faster. Optimum size of the bundle recommended is 244 KB. Bundling is the process of the merging all imported files into a single file, which is then loaded into the browser. There are different tools to perform this process. I will use webpack for my explanations. How do we know that what’s inside the bundle? Add BundleAnalyzerPlugin into your webpack config which will give you the treemap visualization of all files available inside the bundle. It helps us to find out which modules are occupying more space in the bundle and provide us the first way to op...
