详解什么是SSR?

什么是SSR

SPA

在学习SSR之前，我们先来了解一下，什么是SPA。SPA（Single Page Application） 即单页面应用，一般也称为 客户端渲染CSR（Client Side Render） 。通俗点来说就是整个网站由一个HTML页面构成，所有的内容都是通过JavaScript动态加载和渲染的。用户在访问SPA站点时，页面只有第一次加载会进行资源请求，之后的操作都是通过AJAX异步请求获取数据并动态更新页面。

SPA是如何工作的

我们通过上面这张图了解SPA站点是如何工作的，从图中我们可以看到整个渲染过程分为两个阶段，第一个阶段是用户通过浏览器访问一个url时，浏览器会向服务端请求一些静态资源，这时候服务器会返回一些js文件和一个空的html，这时我们的网页会进入一个白屏的状态。紧接着返回的js文件会通过ajax请求我们的服务器api，获取到数据，然后将数据渲染到我们的页面上。搜索引擎爬虫不能直接获取网页内容，不利于我们搜索引擎的优化。

SPA(单页面)存在的问题

• 首屏加载慢：SPA 需要加载大量的 JavaScript 和 CSS 文件，导致首屏加载速度变慢，用户需要等待较长的时间才能看到页面内容。

• SEO 不友好：由于 SPA 页面是动态生成的