The Potential of Serverless Edge-powered Islands for Web Development
DOI:
https://doi.org/10.13052/jwe1540-9589.2411Keywords:
E-commerce, edge-powered islands, islands architecture, performance, serverless edge computing, web applications, web development, World Wide WebAbstract
Web developers face two significant challenges when developing their applications and websites: latency and payload size. Given that web services rely on servers, the related communication incurs a cost in terms of latency. In contrast, the payload passed to the client incurs a communication cost, not to mention the computational cost to the client. The concept of serverless edge computing, built on top of content delivery networks (CDNs), is an approach that has begun to gain the attention of web developers for its promise of lower latencies due to its efficiencies in communication thanks to globally distributed networks and replication. Islands architecture is a technical approach that addresses payload size by giving developers easy ways to defer and potentially even avoid the cost of loading content. Combined, these two approaches form edge-powered islands and, in this article, we examine how the combination can help to address these two notable costs web developers have to consider in their daily work. Our findings indicate that edge-powered islands can provide a way to introduce interactivity to otherwise static websites while wrapping dynamic portions of a page within islands to gain the benefits of static approaches in more dynamic contexts, such as storefronts. In addition, islands can provide loading benefits even for more application-like websites, such as social networks, and give web developers an additional control layer in their development work.
Downloads
References
Shalinda Adikari and Kaushik Dutta. Real time bidding in online digital advertisement. In New Horizons in Design Science: Broadening the Research Agenda: 10th International Conference, DESRIST 2015, Dublin, Ireland, May 20-22, 2015, Proceedings 10, pages 19–38. Springer, 2015.
Marcus Basalla, Johannes Schneider, Martin Luksik, Roope Jaakonmäki, and Jan Vom Brocke. On latency of e-commerce platforms. Journal of Organizational Computing and Electronic Commerce, 31(1):1–17, 2021.
Tim Berners-Lee, Robert Cailliau, Jean-François Groff, and Bernd Pollermann. World-wide web: the information universe. Internet Research, 1992.
Keyan Cao, Yefan Liu, Gongjie Meng, and Qimeng Sun. An overview on edge computing research. IEEE access, 8:85714–85728, 2020.
Ryan Carniato. Understanding Transitional JavaScript Apps. https://dev.to/this-is-learning/understanding-transitional-javascript-apps-27i2, 2021. [Accessed 17-05-2024].
Ryan Carniato. Patterns for Building JavaScript Websites in 2022. https://dev.to/this-is-learning/patterns-for-building-javascript-websites-in-2022-5a93, 2022. [Accessed 13-05-2024].
Luca Casonato. Fresh 1.2 – welcoming a full-time maintainer, sharing state between islands, limited npm support, and more. https://deno.com/blog/fresh-1.2, 2023. [Accessed 30-08-2023].
Moumena Chaqfeh, Yasir Zaki, Jacinta Hu, and Lakshmi Subramanian. Jscleaner: De-cluttering mobile webpages through javascript cleanup. In Proceedings of The Web Conference 2020, pages 763–773, 2020.
Batyr Charyyev, Engin Arslan, and Mehmet Hadi Gunes. Latency comparison of cloud datacenters and edge servers. In GLOBECOM 2020-2020 IEEE Global Communications Conference, pages 1–6. IEEE, 2020.
Architectures · Cloudflare Reference Architecture docs. https://developers.cloudflare.com/reference-architecture/, 2024. [Accessed 17-05-2024].
Peter Bacon Darwin, James Culveyhouse, and Igor Minar. Cloudflare Workers and micro-frontends: made for one another. https://blog.cloudflare.com/better-micro-frontends/, 2022. [Accessed 30-08-2023].
Davide Di Fatta, Dean Patton, and Giampaolo Viglia. The determinants of conversion rates in sme e-commerce websites. Journal of Retailing and Consumer Services, 41:161–168, 2018.
Matthew Phillips et al. Astro 4.0. https://astro.build/blog/astro-4/, 2023. [Accessed 11-01-2024].
Marvin Hagemeister. Fresh 1.5: Partials, client side navigation and more. https://deno.com/blog/fresh-1.5, 2023. [Accessed 11-01-2024].
Lydia Hallie and Addy Osmani. Islands Architecture. https://www.patterns.dev/posts/islands-architecture/, 2022. [Accessed 29-Sep-2022].
Tjaša Heričko, Boštjan Šumak, and Saša Brdnik. Towards representative web performance measurements with google lighthouse. In Proceedings of the 2021 7th Student Computer Science Research Conference, page 39, 2021.
Page Weight — 2022 — The Web Almanac by HTTP Archive. https://almanac.httparchive.org/en/2022/page-weight, 2022. [Accessed 28-08-2023].
Robert Istrate, Victor Tulus, Robert N Grass, Laurent Vanbever, Wendelin J Stark, and Gonzalo Guillén-Gosálbez. The environmental sustainability of digital content consumption. Nature Communications, 15(1):3724, 2024.
Allie Jones. Mobius: Adopting JSX While Prioritizing User Experience. https://www.etsy.com/codeascraft/mobius-adopting-jsx-while-prioritizing-user-experience, 2021. [Accessed 30-08-2023].
Mikael Koskinen, Tommi Mikkonen, and Pekka Abrahamsson. Containers in software development: A systematic mapping study. In International conference on product-focused software process improvement, pages 176–191. Springer, 2019.
Samuel Kounev, Nikolas Herbst, Cristina L Abad, Alexandru Iosup, Ian Foster, Prashant Shenoy, Omer Rana, and Andrew A Chien. Serverless computing: What it is, and what it is not? Communications of the ACM, 66(9):80–92, 2023.
Michael Krug and Martin Gaedke. Smartcomposition: enhanced web components for a better future of web development. In Proceedings of the 24th International Conference on World Wide Web, pages 207–210, 2015.
Tofunmi Kupoluyi, Moumena Chaqfeh, Matteo Varvello, Waleed Hashmi, Lakshmi Subramanian, and Yasir Zaki. Muzeel: A dynamic javascript analyzer for dead code elimination in today’s web. arXiv preprint arXiv:2106.08948, 2021.
lighthouse/variability.md at main. https://github.com/GoogleChrome/lighthouse/blob/main/docs/variability.md, 2022. [Accessed 11-Oct-2022].
lighthouse/docs/user-flows.md at main. https://github.com/GoogleChrome/lighthouse/blob/main/docs/user-flows.md, 2024. [Accessed 25-06-2024].
Eetu Mäkelä, Kim Viljanen, Olli Alm, Jouni Tuominen, Onni Valkeapää, Tomi Kauppinen, Jussi Kurki, Reetta Sinkkilä, Teppo Kansala, Robin Lindroos, et al. Enabling the semantic web with ready-to-use web widgets. FIRST, 293:56–69, 2007.
Paco Azevedo Mendes. Evaluation of widget-based approaches for developing rich internet applications. PhD thesis, University of the Witwatersrand, 2010.
Jason Miller. Application Holotypes: A Guide to Architecture Decisions. https://jasonformat.com/application-holotypes/, 2019. [Accessed 13-05-2024].
Jason Miller. Islands Architecture. https://jasonformat.com/islands-architecture/, 2020. [Accessed 17-05-2024].
Juliana Mitchell-Wong, Ryszard Kowalczyk, Albena Roshelova, Bruce Joy, and Henry Tsai. Opensocial: From social networks to social ecosystem. In 2007 Inaugural IEEE-IES Digital EcoSystems and Technologies Conference, pages 361–366. IEEE, 2007.
Stefan Nastic, Philipp Raith, Alireza Furutanpey, Thomas Pusztai, and Schahram Dustdar. A serverless computing fabric for edge & cloud. In 2022 IEEE 4th International Conference on Cognitive Machine Intelligence (CogMI), pages 1–12. IEEE, 2022.
Ravi Netravali and James Mickens. Prophecy: Accelerating mobile page loads using final-state write logs. In 15th USENIX Symposium on Networked Systems Design and Implementation (NSDI 18), pages 249–266, 2018.
Stephane Nouvellon. Edge-Side-Includes with Cloudflare Workers — blog.cloudflare.com. https://blog.cloudflare.com/edge-side-includes-with-cloudflare-workers/, 2018. [Accessed 06-10-2024].
Erik Nygren, Ramesh K Sitaraman, and Jennifer Sun. The akamai network: a platform for high-performance internet applications. ACM SIGOPS Operating Systems Review, 44(3):2–19, 2010.
Creating Java Portlets. https://docs.oracle.com/cd/E17904_01/portal.1111/e10238/pdg_java_intro.htm, 2024. [Accessed 27-03-2024].
holotype – quick search. https://www.oed.com/search/dictionary/?scope=Entries&q=holotype, 2024. [Accessed 19-06-2024].
Y Prajwal, Jainil Viren Parekh, and Rajashree Shettar. A brief review of micro-frontends. United International Journal for Research and Technology, 2(8), 2021.
Michael Rabinovich, Zhen Xiao, Fred Douglis, and Chuck Kalmanek. Moving {
Edge-Side} includes to the real {Edge—the}
clients. In 4th USENIX Symposium on Internet Technologies and Systems (USITS 03), 2003.
Dave Raggett, Arnaud Le Hors, and Ian Jacobs. Html 4.01 specification. IETF HTML WG, 1997.
Philipp Raith, Stefan Nastic, and Schahram Dustdar. Serverless edge computing—where we are and what lies ahead. IEEE Internet Computing, 27(3):50–64, 2023.
Hussain Saleem, M Khawaja Shaiq Uddin, Syed Habib-ur Rehman, Samina Saleem, and Ali Muhammad Aslam. Strategic data driven approach to improve conversion rates and sales performance of e-commerce websites. International Journal of Scientific & Engineering Research, 10(4):588–593, 2019.
Mahadev Satyanarayanan. The emergence of edge computing. Computer, 50(1):30–39, 2017.
Weisong Shi, Jie Cao, Quan Zhang, Youhuizi Li, and Lanyu Xu. Edge computing: Vision and challenges. IEEE internet of things journal, 3(5):637–646, 2016.
V Solovei, Olga Olshevska, and Y Bortsova. The difference between developing single page application and traditional web application based on mechatronics robot laboratory onaft application. Automation of technological and business processes, 10(1), 2018.
Internet and social media users in the world 2023. https://www.statista.com/statistics/617136/digital-population-worldwide/, 2023. [Accessed 28-08-2023].
Davide Taibi and Luca Mezzalira. Micro-frontends: Principles, implementations, and pitfalls. ACM SIGSOFT Software Engineering Notes, 47(4):25–29, 2022.
Ke Tian, Zhou Li, Kevin D Bowers, and Danfeng Yao. Framehanger: Evaluating and classifying iframe injection at large scale. In Security and Privacy in Communication Networks: 14th International Conference, SecureComm 2018, Singapore, Singapore, August 8-10, 2018, Proceedings, Part II, pages 311–331. Springer, 2018.
Sipat Triukose, Zhihua Wen, and Michael Rabinovich. Measuring a commercial content delivery network. In Proceedings of the 20th international conference on World wide web, pages 467–476, 2011.
Juho Vepsäläinen, Arto Hellas, and Petri Vuorimaa. The rise of disappearing frameworks in web development. In International Conference on Web Engineering, pages 319–326. Springer, 2023.
Juho Vepsäläinen, Miško Hevery, and Petri Vuorimaa. Resumability-a new primitive for developing web applications. IEEE Access, 2024.
Juho Vepsäläinen, Arto Hellas, and Petri Vuorimaa. The state of disappearing frameworks in 2023. In WEBIST 2023: 19th International Conference on Web Information Systems and Technologies. Springer, 2023.
Lucas Vogel and Thomas Springer. How streaming can improve the world (wide web). In Companion Proceedings of the ACM Web Conference 2023, pages 140–143, 2023.
Lucas Vogel and Thomas Springer. Waiter and autratac: Don’t throw it away, just delay! In Irene Garrigós, Juan Manuel Murillo Rodríguez, and Manuel Wimmer, editors, Web Engineering, pages 278–292, Cham, 2023. Springer Nature Switzerland.
Philip Walton. Web Vitals. https://web.dev/articles/vitals, 2024. [Accessed 12-02-2024].
Christian Wege. Portal server technology. IEEE Internet Computing, 6(3):73–77, 2002.
Scott Wilson, Florian Daniel, Uwe Jugel, and Stefano Soi. Orchestrated user interface mashups using w3c widgets. In Current Trends in Web Engineering: Workshops, Doctoral Symposium, and Tutorials, Held at ICWE 2011, Paphos, Cyprus, June 20-21, 2011. Revised Selected Papers 11, pages 49–61. Springer, 2012.
Shanhe Yi, Cheng Li, and Qun Li. A survey of fog computing: concepts, applications and issues. In Proceedings of the 2015 workshop on mobile big data, pages 37–42, 2015.
