Skip to main content
SpringerLink
Log in

The Performance Analysis of Web Applications Based on Virtual DOM and Reactive User Interfaces

  • Conference paper
  • First Online:
Engineering Software Systems: Research and Praxis (KKIO 2018)

Part of the book series: Advances in Intelligent Systems and Computing ((AISC,volume 830))

Included in the following conference series:

Abstract

This paper contains the analysis of modern web applications. These applications are Single Page Applications (SPA) based on virtual DOM (VDOM) and reactive user interfaces. In order to perform a performance analysis for these complex web applications, two architectures were suggested. The architectures are capable of capturing asynchronous event streams processed within the data flow between the interface and the data model. The data flow is controlled by the available operators, principles and models of the reactive programming paradigm. The research shows that loading applications using virtual DOM requires relatively longer time associated with the VDOM structure construction process, while processing operations on the previously loaded user interface structure is much simpler and more efficient than the native methods. In addition, the functional reactive programming in JavaScript is conducive to the development of scalable web applications.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Log in via an institution
Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 129.00
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 169.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

References

  1. Apparao, V., et al.: Document object model (DOM) level 1 specification. World Wide Web Consortium. MIT Press, Cambridge (1998). https://www.w3.org/TR/1998/REC-DOM-Level-1-19981001/

  2. Auchenberg, K.: Our web development workflow is completely broken. Full Frontal 2013. 5th JavaScript Conference. Brighton, UK (2013). https://www.youtube.com/watch?v=ctwEcZC_mmI

  3. Basques, K.: Get started with analyzing runtime performance. Tools for Web Developers. Google, Mountain View, USA (2018). https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/

  4. Chedeau, C.: React’s diff algorithm. Performance Calendar (2013). https://calendar.perfplanet.com/2013/diff/

  5. Czaplicki, E., Chong, S.: Asynchronous functional reactive programming for GUIs. In: Proceedings of the PLDI 2013, 34th ACM SIGPLAN Conference, Seattle, Washington, USA, pp. 411–422 (2013)

    Google Scholar 

  6. Freed, T.: What is virtual DOM. Specialized blog (2016). https://tonyfreed.blog/what-is-virtual-dom-c0ec6d6a925c

  7. Husain, J.: ECMAScript observable. Stage 1 draft. Proposal introduces an observable type to the ECMAScript standard library. Ecma International, Geneva (2017). https://tc39.github.io/proposal-observable/

  8. Karabin, D., Nowak, Z.: AngularJS vs. Ember.js—performance analysis frameworks for SPA Web applications [in Polish]. In: Kosiuczenko et al. (ed.) From Processes to Software: Research and Practice/Sci, pp. 137–152. Polish Information Processing Society, Warsaw (2015)

    Google Scholar 

  9. Mann, J., Wang, Z.: Performance timeline. W3C recommendation (2013). World Wide Web Consortium. MIT, Cambridge (2013). http://www.w3.org/TR/2013/REC-performance-timeline-20131212/

  10. Markiewicz, R., Nowak, Z.: User-perceived performance analysis of single-page web application using navigation, resource and user timing API. In: Kosiuczenko, et al. (eds.) Software Engineering Research for the Practice/Sci. Polish Information Processing Society, Warsaw, pp. 105–121 (2017)

    Google Scholar 

  11. Narasimhan, P.: Adding rendering metrics to browser performance. In: Front End Ops Conference (2014). https://www.youtube.com/watch?v=Rl6ZAd_Rd20

  12. Narasimhan, P.: Making frontend performance testing a part of continuous integration—PerfJankie. In: Velocity Conference, Santa Clara, USA (2014). http://nparashuram.com/perfslides/

  13. Occhino, T., Chen, J., Hunt, P.: Rethinking web app development at Facebook. In: F8 2014 Developer Conference, San Francisco, USA (2014). https://code.facebook.com/videos/242117039324244/rethinking-web-app-development-at-facebook-f8-hacker-way/

  14. Stępniak, W., Nowak, Z.: Performance analysis of SPA web systems. In: Borzemski, et al. (eds.) Proceedings of the 37th International Conference on Information Systems Architecture and Technology, ISAT 2016, Pt. 1, pp. 235–247. Springer (2017)

    Google Scholar 

  15. Zhiheng, W.: Navigation Timing. W3C Recommendation (2012). World Wide Web Consortium. MIT, Cambridge (1998). https://www.w3.org/TR/navigation-timing/

Download references

Author information

Authors and Affiliations

  1. NeuroSYS Sp. z o. o., ul. Rybacka 7, 53-656, Wrocław, Poland

    Dariusz Chęć

  2. Faculty of Computer Science and Management, Wrocław University of Science and Technology, Wybrzeże Wyspiańskiego 27, 50-370, Wrocław, Poland

    Ziemowit Nowak

Authors
  1. Dariusz Chęć
    View author publications

    You can also search for this author in PubMed Google Scholar

  2. Ziemowit Nowak
    View author publications

    You can also search for this author in PubMed Google Scholar

Corresponding author

Correspondence to Ziemowit Nowak .

Editor information

Editors and Affiliations

  1. Institute of Information Systems, Military University of Technology in Warsaw, Warsaw, Poland

    Piotr Kosiuczenko

  2. Institute of Teleinformatics and Automation, Military University of Technology in Warsaw, Warsaw, Poland

    Zbigniew Zieliński

Rights and permissions

Reprints and permissions

Copyright information

© 2019 Springer Nature Switzerland AG

About this paper

Check for updates. Verify currency and authenticity via CrossMark

Cite this paper

Chęć, D., Nowak, Z. (2019). The Performance Analysis of Web Applications Based on Virtual DOM and Reactive User Interfaces. In: Kosiuczenko, P., Zieliński, Z. (eds) Engineering Software Systems: Research and Praxis. KKIO 2018. Advances in Intelligent Systems and Computing, vol 830. Springer, Cham. https://doi.org/10.1007/978-3-319-99617-2_8

Download citation

Publish with us

Policies and ethics

Search

Navigation