Overview: This talk will be about performance tuning based on actual case he experienced during renewal of E-Commerce site. The site is powered by GraphQL + React + SSR, and he will be talking about basic performance tuning as well as actual usecase of GraphQL.

During renewal, we were using GraphQL + React + SSR, but as a result of prioritizing the release, the performance was not up to par, and speed insight showed 20s. As E-Commerce site requires decent amounf of items, and show special sales at time, the approach to improving the performance can be a bit different from static sites such as news websites. With this renewal, we were able to improve performance of a non-performant site to xxx (improvent is ongoing).

We will go in details for:

• Separating the issue by applying appropriate performance measurement, using tools such as Speed insight and increasee performance of server by using APM tools usch as DataDog.
• Improvement in Fronet-end side. (reducing bundle size, and utilizing lazy-loading)
• Manage cache approprately (using HTML cache and separate user belonging contents to design GraphQL queries that can easily be cached.)