Improvement of Single Page Application in Responsive Design using Web API and Angular JS
G. Niranjana1, V. Aumugam2
1G. Niranjana, Department of CSE, SRM University, Chennai (Tamil Nadu), India.
2V. Aumugam, Department of CSE, SRM University, Chennai (Tamil Nadu), India.
Manuscript received on 08 February 2019 | Revised Manuscript received on 21 February 2019 | Manuscript Published on 04 March 2019 | PP: 426-432 | Volume-7 Issue-5S2 January 2019 | Retrieval Number: ES2077017519/19©BEIESP
Open Access | Editorial and Publishing Policies | Cite | Mendeley | Indexing and Abstracting
© The Authors. Blue Eyes Intelligence Engineering and Sciences Publication (BEIESP). This is an open access article under the CC-BY-NC-ND license (http://creativecommons.org/licenses/by-nc-nd/4.0/)
Abstract: In traditional web applications, the communication with the server is initiated by the client by sending a page request. The request is processed by the server and the resulting webpage is sent to the client. For subsequent interactions within the page like a link is navigated or a form is submitted with data, a new request is generated and sent to the server. The server repeats the sequence of action for processing the request and the response is generated by sending a new page to the client. When using Single Page Applications (SPAs), the initial request is processed and the entire page is sent to the client/browser, and further interaction takes place through Aax requests. This means the entire page is not reloaded only the portion of the page that has changed is updated by the browser. This approach increases the response time of the application. Emerging technologies like ASP.NET Web API, JavaScript frameworks like AngularJS and new styling features provided by HTML5 & CSS3 make it really easy to design and build SPAs. Our result shows 10 times improvement in initial loading time and the server response time is reduced to half.
Keywords: ASP.NET Web API, HTML5 And CSS3.
Scope of the Article: Web Technologies