Performance on Surge Website is Not Satisfactory

[ayanahye]

Problem Or Reason

As shown in the deployment logs, the performance on the website is not great. The time for the website to become fully interactive is 14.7 seconds which is quite long. The speed index is 8.3 seconds, so although the initial content loads somewhat quickly, the rest of the content (mostly the images) is taking a long time to show up. There is also a 810 ms delay in responding to user actions which is definitely a performance issue.

---

Proposed Solution

The main suggestion is to improve the rendering of images. We can do this by serving the images in formats such as WebP and AVIF and to also properly size the images. Another possible improvement is to reduce unused JavaScript and ensure Next.js components are used rather than React.js components where possible (like using <Image> component for lazy loading).

---