The rendering method used to render a web page is an important cornerstone in effective online content delivery. Two primary rendering methods are commonly used, Client-Side Rendering (CSR) and Server-Side Rendering (SSR). CSR renders the web application on the client while SSR renders it on the server. Both methods come with benefits and drawbacks. One new emerging method with potential is streaming SSR. Streaming SSR allows the server to send parts of the page as soon as they are rendered instead of waiting for the whole page to be rendered.

I set out to answer the question: How does the adoption of streaming server-side rendering (SSR) affect page performance, server load, and user experience of a web application? This was done by implementing two web applications. One web application used streaming SSR while the other used standard SSR. The web applications were then compared in terms of page performance, server load, and user experience.

The web application with streaming SSR, shows promising results for the page performance. streaming SSR had an average of 32% faster time to first byte (TTFB) and 40% faster for total blocking time (TBT).

Other metrics were also measured, however, TTFB and TBT show the most significant impact. The server load favored standard SSR. The server load was 2% larger for streaming SSR compared to standard SSR.

A user survey was done to measure the user experience. The users in the survey favored the web application with standard SSR. The reason was not connected to the streaming functionality, but rather the loading spinners and task design.

The thesis concludes that streaming SSR has some clear page performance benefits, however, more research needs to be done into the effect on user experience.

Renderings metoden som används för att rendera en websida är en viktig grundpelare i effektiv leverans av onlineinnehåll. Två primär renderings metoder används vanligtvis, klientsidig rendering (CSR) och serversidig rendering (SSR). CSR renderar web applikationen på klienten medan SSR renderar web applikationen på servern. Båda metoderna har fördelar och nackdelar. En ny framväxande metod med potential är strömmande SSR. Strömmande SSR gör det möjligt för servern att skicka delar av sidan så snart de är renderade istället för att vänta tills hela sidan är renderad.

Jag ställde frågan: Hur påverkar införandet av strömmande serversidig rendering (SSR) sidans prestanda, serverbelastning och användarupplevelsen för en webbapplikation? Detta gjordes genom att implementera två webbapplikationer. En webbapplikation använde strömmande SSR medan den andra använde standard SSR. Webbapplikationerna jämfördes sedan avseende sidans prestanda, serverbelastning och användarupplevelse.

Web applikationen med SSR visade lovande resultat för sidprestandan. Strömmande SSR hade i genomsnitt 32% snabbare time to first byte (TTFB) 40% och snabbare Total blocking time (TBT). Andra mätvärden undersöktes också, men TTFB och TBT visade den mest betydande påverkan. Serverbelastningen gynnade standard SSR. Serverbelastningen var 2% större för strömmande SSR jämfört med standard SSR.

En användarundersökning utfördes för att mäta användarupplevelsen. Användarna i undersökningen föredrog web applikationen med standard SSR. Anledningen var inte kopplad till strömning egenskaperna, utan istället kopplat till laddningssymbolerna och uppgiftsdesignen.

Denna studie drar slutsatsen att strömmande SSR har tydliga fördelar för sidprestandan. Däremot behövs mer forskning göras om effekten på användarupplevelsen.