Advantages and disadvantages of single page development and multi page development

** Single page application （SPA）：** An application with only one main page , contain （ html, js, css）. All page content is contained in this so-called main page . But at the time of writing , Still write separately （ Page fragment ）, Then it is dynamically loaded by the router during the interaction , Single page page Jump , Refresh only local resources . Most of them are used in pc End .

Advantages of a single page ：

1, Good user experience , fast , Content changes do not need to reload the entire page , Based on this spa Less pressure on the server

2, Fore and aft end separation

3, Page effect will be more cool （ For example, when switching page content, special animation ）

Disadvantages of single page ：

1, It's not good for seo

2, Navigation not available , If you have to navigate, you need to move forward by yourself 、 back off .（ Because it's a single page, you can't use the browser's forward and backward functions , So you need to build your own stack management ）

3, It takes a lot of time to load for the first time

4, The complexity of the page is much higher

Multi page （MPA）, It means that there are multiple pages in an application , When the page jumps, the whole page is refreshed .

The disadvantage of multiple pages ：
Page switching load slowly , Bad user experience , Poor fluency .