服务器端与客户端的渲染

渲染是所有网站的一个极其重要的过程。当然，网站包含数据。你不可能发展一个没有的网站写作的基于数据的代码。渲染是获取必要的数据并将其转换为功能性网页的过程。要使用一个网页，访问者必须渲染它。

然而，有不同类型的渲染技术。其中最常见的两种类型包括服务器端和客户端。服务器端和客户端渲染都涉及到数据的转换，但它们使用不同的方法来完成这一任务。

什么是服务器镜像渲染？

服务器端渲染与它的名字一样，发生在网站的服务器上。这是最古老的一种渲染技术。在过去，所有网站都使用服务器端渲染。即使在今天，它仍然是最常见的渲染技术类型。

通过服务器端渲染，你的网站服务器将处理数据并将其转换为访问者的网络浏览器易于阅读的信息。访客在试图访问一个网页时将发送一个请求。然后，你的网站的服务器将通过获取页面的所有数据并将其转换为一个单一的、完整的超文本的方式进行响应。标记语言（HTML）的网页、其中它将向访问者的网络浏览器提供。

现在大多数网站都使用数据库来存储其内容.他们的网页仍然使用HTML文件，但这些文件必须填充数据才能正常显示。如果你的网站使用服务器端渲染，你网站的服务器将从数据库中获取数据。使用这些数据，它将建立一个完整的HTML网页，同时随后将其提供给访问者。

什么是客户端渲染？

客户端渲染是一种较新的渲染技术。它涉及到使用JavaScript来直接在访问者的网络浏览器上处理和转换数据。你的网站的服务器仍然必须对访问者的请求作出回应。不过，客户端渲染不是提供完整的HTML网页，而是意味着你的网站服务器将提供框架性的HTML网页和JavaScript文件。

通过客户端渲染，访问者的网络浏览器将完成繁重的工作。他们会从你的网站服务器上收到一个最基本的HTML文件和一个JavaScript文件。JavaScript文件告诉他们什么他们需要下载的数据，以显示网页。当他们下载必要的数据时，访问者的网络浏览器会将其添加到原始的HTML文件中，以便正确显示网页。

服务器端和客户端渲染的区别

服务器端和客户端的渲染都是为了把你的网站数据变成功能性的网页。不同的是，服务器端渲染发生在你的网站服务器上，而客户端渲染发生在访问者的网络浏览器上。

客户端渲染支持丰富的互动。利用这种渲染技术，你可以开发高度互动的网页，对访问者的命令作出反应。客户端渲染基本上可以改变网页上的内容，以响应访客的命令。像这样的丰富互动通常不被服务器端渲染所支持。

由于它们处理和转换数据的方式不同，你的网站使用的渲染技术会影响其平均加载时间。无论是服务器端还是客户端的渲染技术，都不可能普遍比对方快。相反，前一种渲染技术为新访客提供更快的加载时间，而后者则为老访客提供更快的加载时间。

如果你的网站使用服务器端渲染，访客通常会经验在第一次访问网页时，加载时间较快，而在返回他们已经访问过的网页时，加载时间较慢。反之，客户端渲染可以促进返回访问者的快速加载时间。访客在初次访问时就已经拥有网页的一些资源，因此他们不必重新下载这些资源。

服务器端的渲染比客户端的渲染更容易实现。它是几乎所有的应用程序的默认渲染技术。顶部内容管理系统(CMS).无论你是在开发一个网站，用 WordPress, 凌霄阁或 ǞǞǞ，它可能会使用服务器端的渲染。

实现客户端渲染需要更多的工作。如果你不熟悉JavaScript，你可能会在实现客户端渲染时遇到困难。大多数客户端渲染的实例需要使用外部的JavaScript库，你需要把它连接到你的网站上。如果你的网站选择服务器端渲染，你仍然可以使用JavaScript，但你不必使用外部JavaScript库。

服务器端渲染的另一个好处是搜索引擎优化 (搜索引擎优化).在许多情况下，服务器端渲染的网页更易于级别比客户端渲染的网页更快。它为新的访问者提供了更快的平均加载时间，搜索引擎将注意到这一点，当他们爬行并对你的网站进行蜘蛛搜索。

根据谷歌的说法，服务器端的渲染提供了快速首次绘画（FP）和首次内容绘画（FCP）的分数。FP是指网页上第一个像素显示的时间，而FCP是指网页上第一块内容显示的时间。如果你的网站使用服务器端渲染，它将可能实现快速的FP和FCP得分。

此外，服务器端渲染消除了与JavaScript有关的风险。爬行问题。如果你的网站使用服务器端渲染，搜索引擎将不必处理JavaScript。相反，你的网站的服务器将处理JavaScript，因为它获取必要的数据并将其转换为完整的HTML网页。

由于它能够使你的网站对新访客来说更快，服务器端渲染比客户端渲染更有利于SEO。速度是一个主要的排名信号。如果你的网站有快速的加载时间，它将为访问者提供积极和愉快的体验，所以搜索引擎可能会在搜索结果中给予它提升。你也可以用客户端渲染来开发一个快速的网站，但这种替代性的渲染技术只为老访客提供更快的加载时间，而不是新访客。

网页必须被渲染，以便访问者能够看到和使用它们。你可以用服务器端或客户端技术渲染你的网站页面。说到这里，大多数网站管理员更喜欢前者的渲染技术。服务器端渲染更受欢迎，更容易实现，并为新访客提供更快的加载时间。另一方面，客户端渲染为回访者提供了快速的加载时间，同时支持与JavaScript进行更丰富的互动。