Welcome to Crisp React

Hello from the Lighthouse component

The performance of this webapp can be measured using Google Lighthouse tool. The tool is embedded into Chrome. Open Chrome DevTools and use the Lighthouse tab to run a performance audit. Assuming the 'Desktop' setting is used, the performance score should be around 100 depending on the hardware.

Alternatively use a cloud instance of Lighthouse provided by Google at the web.dev/measure page. It will emulate a smartphone so the score could be somewhat lower.

The performance figures could look promising but at the same time prompting a question what will happen when the functionality is extended and the client codebase grows causing the script bundle size to increase. Crisp React addresses this issue by allowing a React application to be split into several SPAs each rendered by its own and smaller bundle. Dynamic imports with lazy loading are complimentary.
Additionally, it's important to ensure a CDN caches everything except for API responses thus allowing your webserver to serve static assets to various CDN datacenters around the globe (there could be hundreds of those) rather than to the end users. The CDN related instructions are provided in the README.