📄️ Performance Overview
In order to maintain a high performing application, we recommend:
📄️ Optimizing Images
Next.js provides several built-in optimizations, such as automatic image optimization and resizing, for images, which Composable UI leverages to create a fast ecommerce experience.
📄️ Optimizing JavaScript
Next.js provides several built-in optimizations, such as code splitting, for JavaScript. This method breaks the code into smaller chunks so that only the JavaScript that is required for a particular page is loaded and preloads the next page in the background by automatically prefetching the page.
📄️ Optimizing HTML & CSS
Composable UI uses Next.js built-in optimizations to enhance site speed and discoverability.
📄️ Server Rendering
Next.js has the ability to render pages on the server. This means that Next.js generates HTML for each page on the server, instead of relying on client-side JavaScript for rendering. Next.js also has the ability to pre-render pages at build time, meaning once a request for a page has occurred, the server can immediately send the page and it's assets to the browser. This results in better core web vital metrics and SEO rankings.
📄️ Other Optimizations
This section covers some general optimization techniques and best practices to further enhance the performance and user experience of your Next.js application.