动态渲染

动态渲染是一种现代网页架构中使用的技术，根据访问者是人类用户还是自动化爬虫来提供不同版本的网页。

定义

动态渲染是一种网页交付方法，能够检测请求页面的客户端类型，并为其提供优化后的版本。通常，人类访问者会收到由JavaScript框架支持的正常客户端渲染（CSR）版本，而搜索引擎机器人或自动化爬虫则会收到预渲染的HTML版本。这种方法使爬虫能够在不执行复杂JavaScript的情况下访问完全渲染的内容，从而提升索引和爬取效率。它通常通过无头浏览器或预渲染服务来实现，这些服务按需生成静态HTML快照。动态渲染常被用作对JavaScript密集型网站的权宜之计，因为传统服务端渲染难以实现。

优点

• 提升JavaScript密集型网站的搜索引擎爬取能力。
• 使现代单页应用（SPA）框架（React、Vue、Angular）在保持用户交互性的同时仍可被索引。
• 可在不完全重建网站架构的情况下实现。
• 减少爬虫在访问页面内容前执行复杂JavaScript的需求。
• 有助于向机器人和自动化系统展示结构化数据和元数据。

缺点

• 需要为用户和机器人维护独立的渲染流程。
• 增加基础设施的复杂性和服务器资源消耗。
• 不当的实现可能导致机器人和用户内容不一致。
• 被视为临时解决方案而非长期架构方案。
• 需要可靠的机器人检测机制，以避免向机器人提供错误的页面版本。

使用场景

• 提升使用JavaScript框架构建的单页应用的SEO可见性。
• 确保搜索引擎机器人可以索引由客户端脚本动态生成的内容。
• 支持无法执行大量JavaScript的网络爬虫系统或自动化爬虫。
• 为社交媒体预览机器人和链接展开服务提供预渲染的HTML快照。
• 帮助遗留网站平台向服务端或混合渲染架构过渡。