Single Page Applications (SPA) | SPA Development India
  • Services
    Close
      • Enterprise Services
      • Enterprise Portal Development
      • eCommerce Portal Development
      • Enterprise Integration Services
      • ERP Implementation
      • Magento Development Services
      • Cloud and Infrastructure Management
      • Cloud Infra & Management Services
      • Remote Infra Management Services
      • DHIS2 Cloud Hosting Services
      • Consulting Services
      • UX & UI Consulting Services
      • Architectural Consulting Services
      • Performance Tuning & Assessment
      • Liferay Consulting Services
      • DevOps Consulting Services
      • Software Testing Services
      • Software Testing Services
      • Custom Application Development
      • Single Page Application Development
      • Mobile App Development
      • Android Application Development
      • iOS App Development
    Close
  • Solutions
    Close
      • Digital Experience Platform
      • Collaboration Portal Development
      • Intranet Portal Development
      • Enterprise Content Management System
      • Human Resource Management System
      • Hospital Management System
      • Learning Management System
      • Community Portal Development
      • Partner Portal Development
      • Liferay Enterprise Solutions
      • Liferay Portal Development
      • Liferay Migration and Upgrade Services
      • Liferay Consulting Services
      • Liferay Performance Tuning
      • Enterprise Mobility Solutions
      • Network Monitoring Solutions
    Close
  • Products
    Close
      • HRMS
      • Commercium
    Close
  • Resources
    Close
      • Blogs
      • News
      • Events
      • Case Studies
      • White Papers
      • Books
    Close
  • Portfolio
  • en EN
    ar ARnl DUen ENfr FRid INms MAru RS
Inquire Now
Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages
Inquire Now
  • Home
  • Services
    • Enterprise Services
      • Enterprise Portal Development
      • eCommerce Portal
      • Enterprise Integration Services
      • ERP Implementation
      • Magento Development Services
    • Cloud and Infrastructure Management
      • Cloud Infrastructure Management Services
      • Remote Infrastructure Management Services
      • Cloud Hosting Services DHIS2
    • Quality Assurance
      • Software Testing Services
    • Custom Application Development
      • Single Page Application Development
    • Mobile App Development
      • Android Application Development
      • iOS App Development
  • Consulting
    • UX & UI Consulting
    • Architectural Consulting Services
    • Performance Tuning & Assessment
    • Liferay Consulting Services
    • DevOps Consulting Services
  • Solutions
    • Digital Experience Platform
      • Collaboration Portal Development
      • Intranet Portal Development
      • Enterprise Content Management System
      • Hospital Management System
      • Learning Management System
      • Human Resource Management System
      • Community Portal Development
      • Partner Portal Development
    • Enterprise Mobility Solutions
    • Network Monitoring Solutions
  • Products
  • Technologies
  • Resources
    • Case Studies
    • Blogs
    • White Papers
  • Company
    • Who We Are
    • Career
    • Partners
    • News & Events
  • Contact
  1. >
  2. Website development
  3. >
  4. Single Page Applications
940 Share
0
0
0
0
0
Single Sign on Implementation featured
940 Share
0
0
0
0
0

Single Page Applications

After recently going through a Large Single Page Application (SPA) Development, [when I say a large SPA I mean everything :- a page where user can select a case to work on, the working case page, a message center page, a dashboard module, an admin module, a reports module, a graph module, and more] mentioning some of the points I found to be taken utmost care of.

Starting off with the simplest concept of SPA. Simplifying a SPA Can be defined as Client side rendering [that is the HTML we load] and client side routing [routing users as per call requests without server calls to load the page again]. Less calls to the sever will ultimately provide a fluid and ultimately awesome experience to the end user which is the penultimate goal for any application. An example of SPA which we use often in our day to day life: GMAIL. There has to be a point why big players like Google Moved to SPA.

Some of examples of the benefits different companies have seen of Quick Page load are:

  1. Walmart found that every 100ms reduction time in page loading time leads to an increase in incremental revenue by as much as 1%.
  2. Mozilla saw increase in downloads of firefox by 5 million per month after making their page 2.2 seconds quicker.
  3. Bing found that a 2 second slowdown changed queries/user by -1.8% and revenue/user by -4.3%.
  4. Google Search found that a 400 millisecond delay resulted in a -0.59% change in searches/user. What’s more, even after the delay was removed, these users still had -0.21% fewer searches, indicating that a slower user experience affects long term behaviour.
  5. Phil Dixon, from Shopzilla, had the most takeaway statistics about the impact of performance on the bottom line. A year-long performance redesign resulted in a 5 second speed up (from ~7 seconds to ~2 seconds). This resulted in a 25% increase in page views, a 7-12% increase in revenue, and a 50% reduction in hardware.

Single Page Application

Pros of SPA

Let’s see some of the advantages of SPA:

Performance Improvement

All the files are loaded in the first time. All the assets such as HTML/ Javascritpt /CSS/Images files are loaded on the first call. On subsequent calls only parts of the page are regenerated and that too through Java-Script. That’s where performance is boosted to a great Level. Another factor here is the user Experience. Without refreshing the page, HTML is rendered which gives user fluid and smooth experience. Javascript has the power to redraw the page without making calls to the server for each page refresh request. The requests to the server are only for Saving or showing data i.e. XHR requests only.Javascript renders the part to be shown. The only calls to the server are for fetching data in JSON format which is just a light weight file. Performance is enhanced to a great level through client side rendering pages. Further the network transmission can be made to almost zero through options like caching which is provided by HTML-5 App Cache.

“Application like” interaction even though only a single page is involved.

Even though everything is just a single page, Javascript has ability to draw the page as per user interactions. Considering a most basic Example: Say a calculator. If SPA was not there then for every operation on the calculator a request would go to server to show me the result of an operation.If calculator implemented in SPA then everything would be handled by Javascript giving the same application like experience.

Ability to go offline

Advent of HTML-5, feasibility in caching the application and loading the entire app in the first go will ultimately give an advantage of offline web applications, where loaded javascript will ultimately help in redrawing the content of the pages.

Cons of SPA

Seeing all those advantages and the enhanced performance factor, an obvious thing arises: “there has to be a catch somewhere, there must be some features I will be missing.” Well, there are few features you may loose as well.

SEO

All web crawlers prevent Javascript execution, thus SEO will be a major Problem faced for anyone who wants to adopt the SPA Model. We come up with the question : How will google read my Contents.?

Need to have javascript enabled

With almost all modern browsers having Javascript support, still there may be some exteme cautious persons who disable JavaScript. Now that’s where the Single Page application is going to fail.

But Each of the Cons has effective Solutions. All these challenges are effectively Handled.

KNOWARTH has extensively worked on Single Page Application in many projects covering vast domains. For more details feel free to contact us.

Stay Tuned…!!

Coming up in next blog: how challenges are handled, which frameworks are used for Single Page Applications & common mistakes to avoid in Single Page Applications.

Related Blogs

Rise of the CX

Rise of the CX: The next Digital Transformation Frontier

https://www.knowarth.com/wp-content/uploads/2020/02/Rise-of-the-CX.png 400 1140 Pinakin Darji https://www.knowarth.com/wp-content/uploads/2020/09/knowarth-anblicks-white.png Pinakin Darji2020-02-10 15:23:502020-02-17 11:34:54Rise of the CX: The next Digital Transformation Frontier
Myths for Enterprise Mobile App Development

Common Myths for Enterprise Mobile App Development

https://www.knowarth.com/wp-content/uploads/2019/11/Myths-for-Enterprise-Mobile-App-Development-1.png 400 1140 Pinakin Darji https://www.knowarth.com/wp-content/uploads/2020/09/knowarth-anblicks-white.png Pinakin Darji2019-11-07 17:09:502019-11-26 17:11:25Common Myths for Enterprise Mobile App Development
On Demand Mobile Application Development

On Demand Mobile Application Development: The Future of Mobility

https://www.knowarth.com/wp-content/uploads/2019/11/On-Demand-Mobile-Application-Development.png 400 1140 Krunal Vyas https://www.knowarth.com/wp-content/uploads/2020/09/knowarth-anblicks-white.png Krunal Vyas2019-08-01 16:47:252020-01-10 12:46:06On Demand Mobile Application Development: The Future of Mobility
Mobile-Banking-Application

Top 6 reasons businesses should develop mobile banking application

https://www.knowarth.com/wp-content/uploads/2019/07/Mobile-Banking-Application-Blog-banner.png 400 1140 Pinakin Darji https://www.knowarth.com/wp-content/uploads/2020/09/knowarth-anblicks-white.png Pinakin Darji2019-07-10 17:09:562019-07-12 19:46:04Top 6 reasons businesses should develop mobile banking application
More Blogs

Services

  • Enterprise Portal Development
  • eCommerce Portal Development
  • Cloud Infra & Management Services
More Services

Solutions

  • Enterprise Content Management System
  • Learning Management System
  • Hospital Management System
More Solutions

Categories

Mobile Application Website development

Related Case Studies

SAAS based productivity management suite

SAAS based productivity management suite

https://www.knowarth.com/wp-content/uploads/2017/02/SAAS-based-productivity-management-suite.jpg 657 1920 Krupal Khatri https://www.knowarth.com/wp-content/uploads/2020/09/knowarth-anblicks-white.png Krupal Khatri2017-02-28 15:19:302017-02-28 16:39:41SAAS based productivity management suite
Hospital Management System with Secure Mobile Application

Hospital Management System with Secure Mobile Application

https://www.knowarth.com/wp-content/uploads/2016/12/Hospital-Management-System-with-Secure-Mobile-Application.jpg 657 1920 KNOWARTH Admin https://www.knowarth.com/wp-content/uploads/2020/09/knowarth-anblicks-white.png KNOWARTH Admin2016-12-30 17:41:182017-01-27 22:48:33Hospital Management System with Secure Mobile Application
LIFERAY Clustering with enhanced Security

LIFERAY Clustering with enhanced Security

https://www.knowarth.com/wp-content/uploads/2016/11/LIFERAY-Clustering-with-enhanced-Security.jpg 657 1920 KNOWARTH Admin https://www.knowarth.com/wp-content/uploads/2020/09/knowarth-anblicks-white.png KNOWARTH Admin2016-11-22 19:39:172017-01-30 11:35:59LIFERAY Clustering with enhanced Security
Amazon Web Services (AWS) to Open Stack Migration

Amazon Web Services (AWS) to Open Stack Migration

https://www.knowarth.com/wp-content/uploads/2016/11/Amazon-Web-Services-AWS-to-Open-Stack-Migration.jpg 657 1920 KNOWARTH Admin https://www.knowarth.com/wp-content/uploads/2020/09/knowarth-anblicks-white.png KNOWARTH Admin2016-11-22 17:51:202017-01-30 11:46:29Amazon Web Services (AWS) to Open Stack Migration

Audit, Document Management and Collaboration Platform

https://www.knowarth.com/wp-content/uploads/2016/11/Case-Study-Audit-Document-Management-and-Collaboration-Platform.jpg 677 1400 KNOWARTH Admin https://www.knowarth.com/wp-content/uploads/2020/09/knowarth-anblicks-white.png KNOWARTH Admin2016-11-22 15:16:142017-01-30 14:51:46Audit, Document Management and Collaboration Platform
Continuous Integration & Deployment Using Chef, AWS Code

Continuous Integration & Deployment using Chef, AWS Code Deploy and AWS OpsWork

https://www.knowarth.com/wp-content/uploads/2016/05/Continuous-Integration-Deployment-Using-Chef-AWS-Code.jpg 657 1920 Chintan Mehta https://www.knowarth.com/wp-content/uploads/2020/09/knowarth-anblicks-white.png Chintan Mehta2016-05-24 15:50:112017-01-30 14:53:39Continuous Integration & Deployment using Chef, AWS Code Deploy and AWS OpsWork
PreviousNext

Follow Us

HRMS-ad-new
MySQL8 For Big Data
Mastering Apache Solr 7.x

Latest Tweets

Tweets by @KNOWARTH
Parth Ghiya
By Parth Ghiya
August 7, 2014

Be the first to get latest blogs
Join our mailing list to get the latest updates! We will not spam you.
Loading

Services

  • Enterprise Portal Development
  • Liferay Consulting Services
  • Mobile App Development
  • Software Testing Services
  • ERP Implementation
  • RIM Services
  • View All Services

Solutions

  • Liferay Portal Development
  • Liferay Migration and Upgrade
  • Digital Experience Platforms
  • Enterprise Mobility Solutions
  • IT Monitoring Solutions
  • Learning Management System
  • View All Solutions

Products

  • Commercium
  • HRMS

Resources

  • Case Studies
  • Blogs
  • Events
  • White Paper
  • Books

Company

  • Who We Are
  • Career
  • Our Partners
  • Our Clients
  • Cookie Policy

ANZ: +61 423 683 702
APAC: +91 98664 98179
USA: +1 (408) 656-6493
marketing@anblicks.com
Javascript MVC Frameworks Javascript MVC Frameworks Responsive Web Design Responsive Web Design using Mobile First Approach
Scroll to top

Schedule A Consultation

Field marked * are mandatory.