Reduce the bundle size
- Being mindful of dependencies, which can add up quickly
- Using a tool, such as Webpack Bundle Analyzer, to monitor the bundle size
- Loading assets via URLs instead of importing them as data URLs
Offload tasks to a server
These days, you can run fairly intensive processes in the browser. Generally though, we recommend offloading these processes to a server. This ensures that performance is consistent across devices and isn't affected by the amount of memory available to the app's frontend at that particular moment.
To learn how to interact with a server, see Verifying HTTP requests.
Show loading spinners
Visual affordances, such as loading spinners, can improve the perception of performance. This may not be as satisfying as actually improving performance, but it's an important step.
To learn more about loading states, see Loading.