The aim of this article is to check if the Svelte-based client part of a web application is more effective than the standard Angular approach. The article presents a comparison of page components ...rendering times on the basis of two test applications prepared in both frameworks. For the performance tests, scenarios were prepared in which the times of adding and removing a different number of page components were examined. Application tests were performed using the Selenium Webdriver package. The research results clearly showed that the new approach used for DOM manipulation (Svelte v.3.0) is more efficient than the standard solution used in Angular applications (v.10.2).
Recent years have seen the rise of a new generation of UI frameworks for web application development. These frameworks differ from previous generations of JavaScript frameworks in that they define a ...declarative application development model, where transitions in the state of the UI are managed by the framework. This potentially greatly simplifies application development, but requires the framework to implement a rendering strategy which translates changes in application state into changes in the state of the UI. The performance characteristics of these rendering strategies have thus far been poorly studied.
In this article, we describe the rendering strategies used in the frameworks Angular, React, Vue, Svelte and Blazor, which represent some of the most influential and widely used modern web frameworks. We find significant differences in the scaling of costs in their rendering strategies with potentially equally significant practical performance implications. To verify these differences, we implement a number of benchmarks that measure the scaling of rendering costs as an application grows in complexity.
The results of our benchmarks confirm that under certain circumstances, performance differences between frameworks can range up to several orders of magnitude when performing the same tasks. Furthermore, we find that the relative performance of a rendering strategy can be effectively estimated based on factors affecting the input sizes of render loops. The best performing rendering strategies are found to be ones which minimize input sizes using techniques such as compile-time optimization and reactive programming models.
The induced path interval
J(
u,
v) consists of the vertices on the induced paths between u and v in a connected graph G. Differences in properties with the geodesic interval are studied. Those graphs ...are characterized, in which the induced path intervals define a proper betweenness. The intersection of the induced path intervals between the pairs of a triple, in general, consists of a big chunk of vertices. The graphs, in which this intersection consists of at most one vertex, for each triple of vertices, are characterized by forbidden subgraphs.
Angular and Svelte Frameworks: a Comparative Analysis Tripon, Teodor-Dorin; Adela Gabor, Gianina; Valentina Moisi, Elisa
2021 16th International Conference on Engineering of Modern Electric Systems (EMES),
2021-June-10
Conference Proceeding
Web-based and mobile applications are increasingly used today in all areas of our life. In order to deliver software products as fast, as simple and economically possible, several cross-platform ...frameworks were created. The challenge is to choose the best framework that produces the desired solution and that integrates best with the existing systems and with higher user experience results. This paper describes and analyses the performance of two frameworks, Angular and Svelte, used for application development based on the implementation of a small applications. Results reveal that an important factor considered to choose the framework is the target device on which the application runs and also the complexity of the application.
PDF
