什么是服务器端渲染？

多年来，页面内容渲染的方式已经发展到远不止服务器渲染，而过去通常都是这样。如今，客户端渲染也应运而生，客户端和服务器端渲染各有优缺点。以下是我将在本文中探讨的一些问题：

• 什么是服务器端渲染？
• 服务器端渲染有什么好处以及为什么？
• 它与客户端渲染有何不同？

让我们开始吧！

那么...什么是服务器端渲染？

这是将数据发送到用户浏览器以显示内容的一种方式。内容本身在服务器端转换为 HTML，渲染后再发送到浏览器。这就是为什么使用服务器端渲染时，页面内容加载速度会更快。

对于用户想要访问的每个页面，都会渲染一个新的 HTML 文件并发送到客户端。由于需要发送多个文件，这些文件通常是静态的；对于每次更改，服务器都会根据用户所做的更改发送一个包含新信息的新页面。对于用户来说，无论他们做了什么更改，他们都会发现每个页面都会被完全重新加载，这在用户体验方面会很不流畅。

简而言之，服务器端渲染将转换后的静态文件（HTML 和 CSS）发送到浏览器，浏览器会加载内容供用户查看。如果用户请求更改，服务器将发送一个新文件来反映该更改。

服务器端渲染有什么好处？

如上所述，当您从服务器渲染文件时，浏览器上的内容将加载得更快，因为客户端无需执行太多工作即可显示内容。这使得初始加载时的页面绘制变得轻而易举，并能留住您的应用上的潜在用户！

由于所有文件渲染都在服务器端完成，客户端的性能将得到大幅提升，因为每个发送的页面只需加载即可；客户端无需进行任何转换或渲染。这意味着用户在屏幕上等待初始加载的时间可能会减少。如果您的应用服务于大量用户，这一点绝对值得牢记。

搜索引擎优化 (SEO) 也会对您有利。由于服务器端渲染意味着在文件发送之前进行渲染，因此页面信息在用户看到之前就已经提供给浏览器，因此搜索引擎的算法可以更快地捕获页面信息。这意味着您的页面可能会成为用户首先看到的众多应用之一！

总体而言，服务器端渲染有利于提升速度和性能，但如果您有大量静态文件，而非客户端渲染涵盖的动态文件，那么服务器端渲染通常更有帮助。我们在这里会简要介绍一下，但一个好的经验法则是，如果您的应用包含大量静态文件或以静态方式运行，那么服务器端渲染将为您带来优势。

那么客户端渲染怎么样？

服务器端渲染和客户端渲染最大的区别在于页面内容的渲染位置（光看名字就能看出来！）。服务器端渲染是指在客户端（也就是浏览器）渲染页面内容，这各有优缺点。

对于客户端渲染，您的页面可能看起来更加动态，尤其是在使用 React、Vue、Angular 等 JavaScript 框架的情况下。这意味着大部分（如果不是全部）内容都将使用 JavaScript 而不是 HTML 编写。浏览器会相当快地渲染 HTML，但在 JavaScript 渲染完成之前，用户只能看到这些内容，而 JavaScript 渲染完成后，内容才会显示出来。如果用户的网速很慢，初始加载速度会非常慢！

与服务器端渲染不同，客户端渲染允许单页应用程序 (SPA)。服务器端渲染需要发送多个页面并完全重新加载所有页面。这可以使用户体验更加流畅，因为他们无需在每次执行新操作时都加载全新的页面。用户所做的所有更改都将反映在同一页面上，如果实施得当，渲染速度会非常快。

结论

无论你选择哪一种，请记住，它们的效果取决于你正在开发的应用。在选择如何渲染应用时，有很多因素需要考虑，尤其是在用户与应用的交互以及你正在处理的数据类型方面。有机会同时使用这两种技术构建应用，将有助于你更深入地理解它们！