单页面与多页面的区别

单页面与多页面的区别

单页面：

第一次进入页面会请求一个HTML文件，刷新清除切换到其他页面，是JS销毁并重新渲染的过程，内容发生改变，但不会返回新的HTML文件，这种网站叫单页面网站（单页面应用）
原理：JS感知url的变化，可以动态地清除当前页面，然后挂载下一个页面的内容，由前端的路由控制切换，每次跳转都不需要请求新的html文件。
优点：页面切换较快。
缺点：首屏渲染较慢，SEO差。

多页面：

每次页面跳转的时候，后台服务器都会返回一个新的HTML 文件，这种类型叫多页面网站（多页面应用）
优点：首屏时间快，SEO效果好。
缺点：页面切换较慢。