reactjs - 动态渲染与混合渲染

时间：2018-07-10 01:09:45

标签： reactjs serverside-rendering

我观看了Google's conference on SEO，他们谈论了动态和混合渲染。但是，我不明白其中的区别是什么？

谢谢您的时间。

答案 0 :(得分：0)

这两种方法都是通过补充缺乏处理搜索引擎机器人的笨拙JavaScript的方法来改善SEO的方法。

1。动态渲染

这是一种改善SEO的解决方法。 它只是将静态html内容传递给爬虫（机器人），并为用户保留所有相同的内容。

动态呈现是检测爬虫（通过检查用户代理），并为它们提供静态html内容，而无需任何puppeteer之类的无头浏览器完全呈现的JavaScript。您可能需要托管Rendertron之类的渲染服务器来处理上述渲染过程。

优势

2。混合渲染

这是对Google搜索的长期建议。

混合渲染不是一个新概念。这意味着您将一部分内容（希望由googlebot对其进行索引）作为静态html（可能由模板引擎或其他方式生成）运送到client和bot。然后运行JavaScript来显示其他内容，例如个性化内容。

这是没有道理的，因为我们通过静态html传送主要内容，并提供了出色的FMP（首次有意义的绘画）以提供用户体验，并减轻了Googlebot浪费资源和时间来理解您的网站的负担。而且我们仍然可以使用功能强大的JavaScript为您的网站构建更多功能。

但是，特别是在某些特定且流行的体系结构中使用现代框架来实现时，会有些棘手。例如单页应用程序。

P.S。有关各种渲染结构的更多详细信息，请检查Rendering on the Web。对于那些想了解不同结构之间的取舍的人来说，这是一个了不起的文章。

答案 1 :(得分：-1)

用于动态渲染

Google的John Mueller开始在视频中解释21分钟。他说：“我们想引入[JavaScript和搜索]的另一种选择，我们称之为动态渲染。”他解释说：“动态渲染是将普通的客户端渲染内容发送给用户，并将完整的服务器端渲染内容发送给搜索引擎和其他需要它的爬网程序的原理。”

当然，有些人可能将其称为“伪装”，但Google表示对此进行了动态渲染的特定政策更改。您可以将服务器端渲染提供给Googlebot，将客户端或混合渲染提供给用户。这是约翰的幻灯片：

可以帮助您进行设置的工具来自Puppeteer和Rendertron。

Google表示，当网站规模大且变化迅速，使用Chrome 41或更高版本支持的现代JavaScript功能且社交媒体活跃的网站也应考虑使用动态呈现时，应该使用动态渲染：

我不知道Google将来会分享更多有关此的信息。

对于混合渲染

我正在发布我所了解的知识。如果您想到混合渲染，首先想到的就是V-Ray。

让我们考虑一下V-Ray Hybrid的一些用例

最大化您的计算能力

如果您拥有强大的工作站，例如40个CPU内核和4个GPU，则可以利用其所有计算能力。什么都没闲。

使用所有渲染节点

许多艺术家和工作室都有GPU和CPU工作站以及CPU渲染节点。借助V-Ray Hybrid，他们可以使用其拥有的所有硬件进行渲染。

CPU后备

万一您的场景无法适应GPU RAM的限制，您仍然可以在CPU上进行渲染。

随时升级到GPU

在准备更换CPU机器时，V-Ray Hybrid可以帮助简化向更多GPU渲染的过渡，同时继续利用现有的CPU资源。此外，如果工作站或渲染节点上的PCIe插槽为空，则添加GPU可以大大提高速度，而无需更换整个计算机