Optimizing the performance of JSS apps
Version:
Performance optimization in JSS is a complex topic because different optimizations can be enacted at each layer of the stack. Optimizing performance is not a front-end problem, a back-end problem, or a DevOps problem. Each department involved in building and deploying a JSS application must analyze their slice of the stack and work together to adhere to a performance budget.
Recommendations
When considering solutions for how to optimize the performance of your JSS applications, we recommend:
- Leverage caching.
- Avoid using JavaScript Renderings unless they are absolutely necessary. This type of rendering initializes a new Node instance for each rendering, and even having more than 2-3 on a page can noticeably influence load times.
- Minimize requests to the server.
- Avoid running applications in integrated mode on Sitecore Content Delivery servers.
- Follow the performance optimization guides for your chosen front-end framework.
- Follow performance best practices in the browser layer.
- Enable Keep-Alive for your web server.
- Consider infrastructure performance improvements where possible (using Node clusters and assigning resources clearly to avoid unexpected results).
If you have suggestions for improving this article, let us know!