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

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

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

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

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

 

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

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

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

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