SPA (single page application) and MPA (multi page application)

Intro:   The first time you enter the page, you request a html file, refresh and clear it, switch to other components, and the path changes accordingly, but there is no new html file request, and the page cont

The first time you enter the page, you request a html file, refresh and clear it, switch to other components, and the path changes accordingly, but there is no new html file request, and the page content changes.

Principle: js perceives the changes in url, which allows you to dynamically clear the contents of the current page with js, and then mount the contents of the next page to the current page. At this time, the routing is no longer done by the back end, but by the front end, judging the page to display the corresponding components, clear the unnecessary.

Page jump: js rendering advantages: page switching fast disadvantages: the first screen time is a little slower, SEO poor

Every time the page switches and jumps, there is no need to process the request of the html file, which saves a lot of HTTP transmission delay, so we switch the page very fast.

The first screen of a single-page application is slow, the first screen needs to request a html, at the same time send a js request, two requests come back, the first screen will be displayed. Compared with multi-page applications, the first screen time is slow.

The effect of SEO is poor, because the search engine only knows the content in html, does not know the content generated by js rendering, the search engine does not recognize, it will not give a good ranking, which will lead to the poor ranking of web pages made by single-page applications in the search engine.

Vue officials offer a number of other technologies to address these shortcomings, such as server-side rendering technology (SSR), can perfectly address these shortcomings, so that single-page applications are the perfect page development solution for the front end.

Each time a page jumps, the background server returns a new html document, a type of site that is also known as a multi-page site, also known as a multi-page application.

Page jump: return to HTML advantages: the first screen time is fast, the SEO effect is good and the disadvantage is that the page switching is slow

The first screen time is called the time when the content of the first screen of the page is displayed. When we visit the page, the server returns a html, page and shows it. This process goes through only one HTTP request, so the page is displayed very fast.

When the search engine does the web page ranking, it is necessary to give the web page weight according to the content of the web page, to carry on the web page ranking. Search engines can recognize html content, and all the content on each of our pages is in html, so this multi-page application SEO ranking works well.

Each jump requires sending a HTTP request, if the network status is not good, jump back and forth between pages, there will be a significant Catton, affecting the user experience.

Related Passages:

Leave a Reply

Your email address will not be published. Required fields are marked *