单页面开发与多页面开发的区别和优缺点

1、多页面和单页面的概念

多页面（MPA）：指一个应用中有多个页面，页面跳转时是整页刷新。

单页面应用（SPA）：指只有一个主页面的应用，浏览器一开始要加载全部必须的 html, js, css。全部的页面内容都包含在这个所谓的主页面中。但在写的时候，仍是会分开写（页面片断），而后在交互的时候由路由程序动态载入，单页面的页面跳转，仅刷新局部资源。多应用于pc端。

2、多页面和单页面的区别

 

3、多页面和单页面的优缺点

一、单页网站：
优点：单页网站最直接的好处是以简单，容易和可操做的方式展现给用户。比较适合移动端和响应式网站布局，还有专家称单页网站转化率高，这个须要验证，我的认为都差很少。关键是看你网站的内容或其余特点是否足够吸引客户的程度。
劣势：单页网站最大的劣势就是须要把过多的内容放置在一个页面里。由于一个页面不可能容纳全部的一切。而是须要有视觉层次和大量的规范制约。从技术的角度来看，单页网站的搜索优化比多页网站少。当一个页面上的内容和图像不少时，会增长加载速度，固然你的内容不多就无所谓了。

二、多页网站：
优点：内容承载率大，给客户可查询的信息量大，供对多个页面和改变内容的SEO的更好控制。
劣势：传统展现方式，若是导航不清晰客户可能很难找到想要的东西。
因此总结起来，网站要根据你的内容优先的方法。 找出用户关心的内容，而后相应地设计您的界面，网站的清晰度很重要。

图片来源地址:https://juejin.im/post/5a0ea4ec6fb9a0450407725c