多页面应用 VS 单页面应用

Posted 2020-12-02 knuzy

多页面应用

每一次页面跳转，后端都会返回一个新的html文件，

优点：首屏时间快（只经历了一个HTTP请求），SEO效果好

缺点：页面切换慢

单页面应用

进行页面之间跳转时，并不去加载HTML文件，而是通过JS动态地把当前的内容删除掉，再去把新的页面结构上的DOM元素渲染出来。当页面做跳转时，不需要做HTML文件的请求，节约了HTTP请求发送的时延，使页面切换时间非常快，

优点：页面切换快，

缺点：首屏时间稍慢（需要去请求一次HTML，一次JS的请求），SEO差（搜索引擎识别HTML，不识别JS）（通过服务器端渲染可以解决这些问题）