前端开发SSR技术是什么？什么时候使用？优缺点是？

Posted 2023-02-13 黑马程序员官方

SSR指的是服务端渲染（Server-side Rendering），是在服务器端渲染网页内容，并且将渲染后的html发送给浏览器，而不是在浏览器端渲染。这种技术的优点在于更快的首屏加载速度和更好的搜索引擎优化（SEO）。相比较于客户端渲染，SSR能够提高用户的使用体验。

举个例子说说

首先我们考虑一个简单的电商网站，它有一个商品列表的页面。如果使用客户端渲染，浏览器会加载空白的页面。然后通过javascript在客户端请求数据并渲染页面。这可能会导致用户在等待页面数据加载和渲染时看到空白页面。

 

如果使用服务器端渲染，在请求商品列表页面时，服务器会获取所需数据并将渲染后的HTML发送给浏览器，这样用户将立即看到完整页面，而不用等待数据加载和渲染。这提高了用户的使用体验。

注意：对于复杂的页面，服务器端渲染可能会带来性能问题，因此需要谨慎考虑是否使用。

优缺点

服务器端渲染的优点：

更快的首屏加载速度：因为浏览器不需要等待数据加载和渲染，因此可以提高用户的首屏体验。

更好的搜索引擎优化（SEO）：因为搜索引擎可以更容易地爬取完整的HTML内容，因此SSR可以更好地改善网站的SEO。

更好的用户体验：因为页面的内容在服务器端渲染，因此用户可以更快地看到完整的页面，从而提高用户的使用体验。

服务器端渲染的缺点：

增加服务器的负载：因为服务器需要执行渲染任务，因此可能会增加服务器的负载。

更复杂的环境技术：因为需要涉及到服务器端代码，因此需要更复杂的技术环境。

更高的开发复杂度：因为需要在服务器端和客户端同时开发，因此可能会更高的开发复杂度。

对于复杂的页面，可能会带来性能的问题：因为服务器需要处理大量的数据和渲染，因此可能会带来性能问题。

总得来说，决定是否使用服务器端渲染，取决于具体的业务场景和需求。对于具有大量静态内容的简单页面，客户端渲染可能是一个更好的选择。因为它可以更快地加载页面。但是对于需要从服务器动态加载数据的复杂页面，服务器端渲染可能是一个更好的选择，因为他可以提高用户的首屏体验和搜索引擎优化。