预览是 Backlinko 工作流程的重要组成部分，也是 WordPress 的原生功能。您可以进行更改、保存、刷新页面并查看更新后的版本。然而，这在静态世界中是一个问题。要查看新的更改，您需要触发重建。这对内容编辑者来说很烦人，它无法扩展，而且浪费资源。
为了解决这个问题，我们为项目创建了一个预览环境，它共享相同的代码存储库，但以 SSR 模式运行应用程序。Netlify 函数在每个请求上生成 HTML。我们不需要重建整个项目即可看到更改。此环境与主网站分开，由于它位于身份验证门后面，因此增加了另一个安全层。
我们修改了 WordPress 仪表板中的“预览”按钮，让编辑者可以无缝进入预览。该按 马耳他电报号码数据库 钮指向 Netlify 函数，该函数设置一个 cookie，以启用 Next.js 预览模式并重定向到请求的帖子。对于编辑者来说，体验与原生 WordPress 预览功能非常相似。
结果
最终结果非常出色。我们设法改进了几乎所有性能指标，同时又不损失任何网站功能。总体而言，页面加载速度提高了 3 倍。您可以在我们的博客上查看我们对 Backlinko 所做的所有性能改进的详细概述。