ABSTRACT
Data binding in web front-end development has made a significant contribution to removing complexity from development and simplifying programming. However, data binding has caused a degradation of website performance at the cost of reducing the burden on programmers. In this paper, we propose Visible Anchor to solve the performance degradation caused by data binding. We develop a compiler called FaST that implements the method. Then, We compared the rendering time among websites built by existing methods and FaST compiler. The evaluation result revealed that the websites built by FaST compiler are at minimum 2.9 times faster to be rendered than the ones built by the existing methods. FaST made a significant contribution to improving the performance of web front-end data binding. Consequently, data binding with FaST can be a better choice for web front-end development.
Supplemental Material
- Google Cloud. 2023. Compute Engine general-purpose machine family. https://cloud.google.com/compute/docs/general-purpose-machines.Google Scholar
- Eric Molin. 2016. Comparison of Single-Page Application Frameworks.Google Scholar
- Giuseppe Psaila. 2008. Virtual DOM: An Efficient Virtual Memory Representation for Large XML Documents. In 2008. 233--237. https://doi.org/10.1109/DEXA.2008.117Google ScholarDigital Library
- Svelte Team. 2018. Virtual DOM is pure overhead. https://svelte.dev/blog/virtual-dom-is-pure-overhead.Google Scholar
- Svelte Team. 2023. Svelte. https://github.com/sveltejs/svelte.Google Scholar
- W3Techs. 2022. Usage statistics of JavaScript as client-side programming language on websites. https://w3techs.com/technologies/details/cp-javascript. ioGoogle Scholar
Index Terms
- FaST: Accelerating Web Front-end Data Binding with Compiler and Visible Anchor
Recommendations
Demo: FaST Compiler: Optimizing Web Front-end UI Building by Integrating Compilers and Visible Anchors
MOBISYS '24: Proceedings of the 22nd Annual International Conference on Mobile Systems, Applications and ServicesData binding in front-end user interface web development allows for the UI to update automatically in sync with data, removing complexity from development and simplifying programming. However, data binding often causes website performance to degrade due ...
Towards a tight integration of a functional web client language into Scala
SCALA '13: Proceedings of the 4th Workshop on ScalaThe web has become an application platform. Therefore it is essential to bring the expressiveness and safety of established languages into the world of web development.
Yet it seems hard if not impossible for any such language to succeed over JavaScript ...
Towards a compiler front-end for Ada
SIGPLAN '80: Proceedings of the ACM-SIGPLAN symposium on The ADA programming languageThis paper discusses the current development of a compiler front-end for Ada at the University of Karlsruhe. The front-end is independent of the target-machine and will compile Ada into an intermediate language AIDA, essentially an attributed structure ...
Comments