我确实曾经犯过将 Web 渲染视为一场双马拉松的错误。有服务器端渲染 (SSR,就像这个 WordPress 网站正在做的那样) 和客户端渲染 (CSR,就像一个典型的 React 应用)。两者都充满了优点和缺点。但是,当然,讨论更细致入微。仅仅因为一个应用程序是 SSR,并不意味着它不执行动态的 JavaScript 功能。仅仅因为一个应用程序是 CSR,并不意味着它根本不能利用任何 SSR。
这是一个谱系!Jason Miller 和 Addy Osmani 在 Web 上的渲染 中很好地描绘了这幅图。
我最喜欢的文章部分是他们在文章末尾发布的信息图表表格。不幸的是,它是一个 PNG。因此,我花了几分钟时间将其转换为 <table>
,以防对任何人有用。
查看 Chris Coyier 的 CodePen
客户端/服务器渲染谱(@chriscoyier)
在 CodePen 上。