Advertisement

Performance Analysis of SPA Web Systems

  • Wojciech StępniakEmail author
  • Ziemowit Nowak
Conference paper
Part of the Advances in Intelligent Systems and Computing book series (AISC, volume 521)

Abstract

The effectiveness of methods accelerating the process of loading applications of SPA type, including the mechanisms offered by the HTTP/2 protocol, was analyzed. The performance of finished components supplied with AngularJS framework was researched. The study was conducted on a real SPA application. With the help of mini applications implementing the same functionality the performance of different designs offered by AngularJS was also compared. The study used Apache server, Chrome for Linux and Android and browser-perf and h2load tools.

Keywords

Single page application Performance AngularJS HTTP/2 Browser-perf H2load 

References

  1. 1.
    Fink, G., Flatow, I.: Pro Single Page Application Development: Using Backbone.js and ASP. NET. Apress (2014)Google Scholar
  2. 2.
    King, A.: Speed Up Your Site: Web site Optimization. New Riders (2003)Google Scholar
  3. 3.
    Karabin, D., Nowak Z.: AngularJS vs. Ember.js—Performance Analysis Frameworks for SPA Web applications (in Polish). Polish Information Processing Society, Warsaw (2015)Google Scholar
  4. 4.
    Frisbie, M.: AngularJS Web Application Development Cookbook. Packt Publishing (2014)Google Scholar
  5. 5.
    Kras, A.: 11 Tips to improve AngularJS performance. http://www.alexkras.com/
  6. 6.
    Fundoo Solutions: Optimizing ng-repeat in AngularJS. http://www.befundoo.com/blog/
  7. 7.
    Grigorik, I.: High Performance Browser Networking: What Every Web Developer Should Know About Networking and Web Performance. O’Reilly Media (2013)Google Scholar
  8. 8.
    Osmani, A.: A grunt task for removing unused CSS from your projects. https://github.com/addyosmani/grunt-uncss
  9. 9.
    Bącik, Ł.: JS and CSS-Grunt files minification (in Polish). http://www.lukaszbacik.pl/blog-p53/
  10. 10.
    Lerner, A.: ng-book: The Complete Book on AngularJS. Fullstack.io (2013)Google Scholar
  11. 11.
    Seshadri, B., Green, S.: AngularJS. O’Reilly Media (2014)Google Scholar
  12. 12.
    AngularJS API reference: ngRepeat. https://docs.angularjs.org/api/ng
  13. 13.
    AngularJS Developer guide: Expressions, https://docs.angularjs.org/guide
  14. 14.
    AngularJS API reference: ngIf, https://docs.angularjs.org/api/ng
  15. 15.
    AngularJS API reference: ngShow. https://docs.angularjs.org/api/ng
  16. 16.
    Markiewicz, R.: Angular non-trivial performance hints. http://monterail.com/blog/2015/angular-non-trivial-performance-hints/
  17. 17.
    Ramesh, M.: Angular performance tips and tricks. http://blog.ideas2it.com/angular-performance-steps/
  18. 18.
    R Documentation: Shapiro-Wilk normality test. https://stat.ethz.ch/R-manual/R-devel/library/stats/html/
  19. 19.
    Sevilleja, C.: Declaring AngularJS modules for minification. https://scotch.io/tutorials/
  20. 20.
    Farina, M.: Why minify JavaScript? https://engineeredweb.com/blog/why-minify-javascript/
  21. 21.
    Oku, K.: Performance improvements with HTTP/2 push and server-driven prioritization. http://blog.kazuhooku.com/2015/10/
  22. 22.
    McKay, S.: Comparing performance of Blaze, React, Angular-Meteor and Angular 2 with Meteor. http://info.meteor.com/blog/

Copyright information

© Springer International Publishing AG 2017

Authors and Affiliations

  1. 1.Wrocław University of Science and TechnologyWrocławPoland

Personalised recommendations