What is a single page Web app? What benefits does it bring to traditional websites?

Source: Internet
Author: User

What is a single page app?

A single page app is an app that runs in a browser that doesn't reload the page during use. Like all applications, it is designed to help users complete tasks such as "writing a document" or "Managing a Web server." You can think of a single-page app as a rich client loaded from a Web server.

What are the benefits of a single page app for a traditional website?

In relation to traditional Web sites, we believe that the main benefits of a single page application are:

  • it provides a more compelling user experience. Single-page applications can be double benefit: the immediacy of desktop applications and the portability and accessibility of web sites.
  • single-page apps can be rendered just like desktop apps-a single-page app simply redraws the parts of the interface that need to change. In contrast to traditional Web sites, many user operations redraw the entire page, and the result is that when the browser fetches data from the server, the page is suspended and "flashing", then redrawing everything on the page. If the page is large, the server is busy, or the network connection is slow, this "flashing" phenomenon lasts for several seconds or even longer, and the user has to guess when the page is ready to be used again. This is a scary experience compared to fast rendering and instant feedback for single-page applications.
  • single-page apps can have the same responsiveness as desktop apps-as much as possible to transfer (temporary) work data and processing from the server to the browser, and the single-page application minimizes response time. A single-page application has a lot of data and business logic that needs to be judged locally, so it's fast. Only data validation, authorization, and persistent storage must be placed on the server, for reasons we will discuss in chapters 6th through 8th. Most of the traditional Web site application logic on the server side, response to most of the user input, they must wait for a "request/response/redraw" cycle. This can take a few seconds compared to a single-page application that is close to instant response.
  • a single page app can communicate its status to the user just like a desktop app-when a single page app does have to wait for the server's response, it can dynamically display a progress bar or a busy indicator, so the user won't be confused by the delay. compared to traditional Web sites, users can actually only guess when a page is loaded and available.
  • single-page apps, like the Web, can be accessed almost anywhere-unlike most desktop applications, where users can access a single-page application through a task network connection and an appropriate browser. Today, the list includes smartphones, tablets, televisions, laptops, and desktop PCs.
  • a single page app can be updated and published as quickly as a Web site-users don't have to do anything to understand its benefits : They just need to reload the browser. The hassle of maintaining multiple concurrent versions of software is largely eliminated. Authors who develop a single page application can build and update many times within a day. Desktop apps often need to download and install a new version that requires administrative access, and the interval between versions can be many months or many years.
  • single-page apps, like Web sites, are cross-platform-unlike most desktop apps, and well-written single-page apps can run on any operating system that offers modern HTML5 browsers. While this is often considered a benefit to developers, it is useful for many users who use multiple devices simultaneously, such as working with Windows, home mac,linux servers, Android phones, and Amazon tablets.

All of these benefits mean that you might want to make the next application a single page application. The clumsy site of the entire page is re-rendered after each click, and it is easy to alienate experienced users. The well-written single-page app has an interactive and responsive interface, along with the ability to access the network, which will help us keep our customers where they belong: using our products.

About single Page Web Apps

One page Web application (single pages Web Application,spa) is undoubtedly the current web development technology, many traditional websites have been or have been transformed into single-page Web applications, New single-page Web applications (including mobile platforms) have sprung up in front of people like Gmail, Evernote, Trello, and so on. If you're a web developer who hasn't developed or even heard of a single page app, you've been out for a long time.

single page Web application and front-end engineers are closely related, because the major changes occur in the browser side, the use of the technology is actually html+css+javascript, all browsers are natively supported, of course, some browsers have some advanced features , which makes the user experience of a single-page Web application a step further. On the advantages and disadvantages of single page application, there are a lot of articles on the Web, this is not the discussion. Single page Web application, as the name implies, is only one Web page application. The browser loads the necessary HTML, CSS, and JavaScript at the beginning, and all the operations are done on this page, all controlled by JavaScript. Therefore, a single page Web application will contain a large number of JavaScript code, the complexity of the imagined, modular development and design of the importance of self-evident.

This digest from the forthcoming listing of the single page Web app: JavaScript from front-end to back-end "

What is a single page Web app? What benefits does it bring to traditional websites?

Large-Scale Price Reduction
  • 59% Max. and 23% Avg.
  • Price Reduction for Core Products
  • Price Reduction in Multiple Regions
undefined. /
Connect with us on Discord
  • Secure, anonymous group chat without disturbance
  • Stay updated on campaigns, new products, and more
  • Support for all your questions
undefined. /
Free Tier
  • Start free from ECS to Big Data
  • Get Started in 3 Simple Steps
  • Try ECS t5 1C1G
undefined. /

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.