什么是SSR（服务器渲染）

闲来无事，研究一下SSR，主要原因在于上周一位后端同学在一次组内技术分享的时候说，对前后端分离、服务端渲染特别感兴趣，在他分享了后端微服务之后，专门点名邀请我下周分享服务端渲染，然后我还没同意，领导就内定让我下周分享了（其实就是下周愿意下周分享，我是那个替死鬼）。本人主要从个人角度介绍了对服务端渲染的理解，读完本文后，你将了解到：在讲服务度渲染之前，我们先回顾一下页面的渲染流程：在没有AJAX的时候，也就是web1.0时代，几乎所有应用都是服务端渲染（此时服务器渲染非现在的服务器渲染），那个时候的页面渲染大

• Next.js官方SSR指南(https://nextjs.org/docs/basic-features/pages#server-side-rendering)在当今追求极致用户体验的Web开发领域，服务器端渲染（SSR） 已成为解决性能与SEO难题的关键技术。HTML生成：使用前端框架（如React/Vue）或模板引擎（如EJS/Pug）将数据渲染为静态HTML。水合（Hydration）：客户端JS加载后，将静态页面激活为可交互的SPA，绑定事件与状态管理。// 服务器端异步获取数据。

服务端渲染是指在服务器端生成完整的 HTML 页面，并将其发送到客户端。客户端接收到的是可以直接渲染的 HTML，而不是一个空的 HTML 文件和需要动态加载的 JavaScript 代码。服务端渲染是一种强大的技术，能够显著提升首屏性能、SEO 和用户体验。然而，它也带来了开发复杂性和服务器压力等挑战。通过合理的技术选型、优化策略和工具支持，可以充分发挥 SSR 的优势，构建高性能的现代 Web 应用。

在Web前端开发中，SSR通常指的是服务器端渲染（Server-Side Rendering）。这是一种构建Web应用程序的方法，页面的HTML内容在服务器端生成，然后发送到客户端（浏览器）。与客户端渲染（Client-Side Rendering, CSR）相比，SSR具有一些独特的优势和挑战。

注意：这是笔者用于记录自己学习SSR的一篇文章，用于梳理将一个项目进行服务器渲染的过程，本文仅是读者根据demo得出的理解，如果您想通过本文来学习如何部署ssr，笔者建议您查阅其他更权威的资料进行学习；当然，如果您发现了本文中有任何描述不恰当的地方，还恳请您指出更正。 ...

六、什么是SEO优化（搜索引擎优化）？SPA单页面应用如何实现SEO优化？通过上一篇文章可以了解到，Vue SPA单页面应用对SEO不友好，但是也有相应的解决方案。我了解到的SEO的实现方式有以下几种：1.SSR服务器渲染；2.静态化；3.预渲染prerender-spa-plugin；4.使用Phantomjs针对爬虫做处理。其中SSR服务器渲染适用于构建大型网站，如商城类。如果是个人博客或者公司官网之类小型的网站，除SSR服务器渲染的其它方式都可以。

SSR 服务端渲染

SSR简介 SSR 是Server Side Render简称；就是在服务端进行渲染生成html文件，浏览器世界显示生成html文件， 补充：我们传统使用的属于CSR是Client Side Render，页面上的内容是我们加载的js文件渲染出来的，文件运行在浏览器上面。 SSR优点 可以很好解决首页需要加载js和css导致页面加载缓慢问题（最头疼），SSR直接将HTML字符串传递给浏览器，加快了首屏加载时间。 优化seo，SSR生成的HTML是有内容的，这让搜索引擎能够索引到页面内容。 服务端渲

服务端渲染简称 SSR，全称是 Server Side Render，是指一种传统的渲染方式，就是在浏览器请求页面 URL 的时候，服务端将我们需要的 HTML 文本组装好，并返回给浏览器，这个 HTML 文本被浏览器解析之后，不需要经过 JavaScript 脚本的执行，即可直接构建出希望的 DOM 树并展示到页面中。以上就是对 SSR 技术的一些简要介绍，总结一下就是：SSR 提高 SPA 应用的首屏响应速度，有利于 SEO 优化。SSR 最适用于静态展示页面，如果页面动态数据较多时需要谨慎使用。

什么是服务器端渲染 (SSR)？ 客户端渲染：使用 JavaScript 框架进行页面渲染 服务端渲染：服务端将HTML文本组装好，并返回给浏览器，这个HTML文本被浏览器解析之后，不需要经过 JavaScript 脚本的执行，即可直接构建出希望的 DOM 树并展示到页面中，最后将这些静态标记"激活"为客户端上完全可交互的应用程序。 为什么使用服务器端渲染 (SSR)？ 优点： 更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。对客户端渲染的页面来说，简直无能为力，因为返回的HTML是一个

什么的前端SSR服务端渲染

前面的话 平时我们所接触到的都是SPA，在学习使用webpack构建同构应用时，接触到了SSR服务器渲染，下面来说一说SSR。 什么是SPA 传统的SPA（单页应用）是前后端分离，后端负责提供数据，前端加载完后体验，内容改变不需要加载全部页面，缓存数据，减少服务器压力，提高性能。 SPA工作流程 第一次将前端搭建的构建脚本资源全部下载下来，然后运行脚本异步加载数据，渲染页面。 这样造成的结果： ...

SSR，即服务端渲染，是指在服务器端生成 HTML 内容并将其发送到客户端。这样一来，用户在首次访问页面时，浏览器可以直接展示完整的HTML内容，而无需等待 JS 在客户端完成渲染。还是跟上面的一样，我们来看一下网站的响应的内容，这里我们拿掘金进行举例。很明显，我们看到，掘金并不是和上面的 CSR 网站一样，直接返回一个空的 div，而是返回了很多的 html 内容，掘金的这个网站是采用 nuxt 实现的 ssr 渲染，nuxt 是基于 vue 实现的 ssr 框架，而react 对应的 next。