| الوصف: |
Die ständig zunehmenden Anforderungen und die steigende Komplexität der Web Applikationen haben einen großen Einfluss auf die Darstellung der Web Applikation und beeinflusst somit drastisch das Benutzererlebnis. Das Ziel dieser Arbeit besteht darin, unterschiedliche Rendering-Techniken zu identifizieren und diese hinsichtlich der Performance zu vergleichen. Um das Ziel zu erreichen, wurden zwei Prototypen implementiert. Eine der Prototypen basiert auf die traditionelle CSR-Technik, hingegen die Andere SSR mit Rehydration verwendet. Durch die implementierten Prototypen wurden wichtige Erkenntnisse über die Leistungen der Rendering-Techniken gewonnen, besonders in Bezug auf die Ladezeiten der Anwendungen. Die Technik mit SSR mit Rehydration konnte dabei wesentlich bessere Leistungsergebnisse liefern als die CSR-Technik, da wichtige Komponenten am Server gerendert wurden und somit die Ladezeit der Web Applikation gekürzt wurde. Darüber hinaus wurde der Rendering-Prozess erläutert und in den Phasen des Prozesses auf die Dauer der Verarbeitungen von Ressourcen eingegangen, wie die Ladezeit beeinflusst werden kann. Dadurch, dass der JavaScript-Code das Rendern blockiert, kann die Anwendung bei clientseitigem Rendern meistens nicht 'schnell' angezeigt werden. Hingegen nach dem Laden können Benutzereingaben schnell verarbeitet werden, da dieser am Client stattfindet. Diese Arbeit soll die exakten Ladezeiten von zwei Anwendungen mit unterschiedlicher Rendering-Technik und relativ ähnlicher Darstellung evaluieren. The constantly increasing requirements and the increasing complexity of web applications have a major impact on the presentation of the web application and thus drastically affect the user experience. The aim of this work is to identify different rendering techniques and to compare them in terms of performance. To achieve the goal, two prototypes were implemented. One of the prototypes is based on the traditional CSR technique, while the other uses SSR with rehydration. The implemented prototypes provided important insights into the performance of the rendering techniques, particularly in relation to application loading times. The technology with SSR with rehydration was able to deliver significantly better performance results than the CSR technology, since important components were rendered on the server and the loading time of the web application was thus shortened. In addition, the rendering process was explained and the duration of how the loading time can be influenced was discussed in the phases of the process. Due to the fact that the JavaScript code blocks rendering, most of the time client-side rendering cannot display the application 'fast'. On the other hand, after loading, user input can be processed quickly, since this takes place on the client. This thesis aims to evaluate the exact loading times of two applications with different rendering techniques and relatively similar presentation. Abweichender Titel laut Übersetzung der Verfasserin/des Verfassers Masterarbeit Wien, FH Campus Wien 2023 |
