WP Rocket 使用 WordPress Gutenberg 重新设计了网站并获得了显着的性能提升。但是有几点需要注意
WordPress 缓存插件发行商 WP Rocket 使用 Gutenberg 重新设计了他们的网站并提高了网站性能。他们发现 Gutenberg 编写的代码出奇地轻巧，但也分享了一些需要注意的事项。
PageSpeed Insights 得分的屏幕截图
在古腾堡编辑更容易
古腾堡的目标一直是创建一个编辑界面，使各种技能水平的出版商都能轻松发布网站。
创建一个直观的界面可以降低进入门槛，使几乎任何人都可以轻松创建 Web 存在，最重要的是，它可以帮助内容创建者专注于创建内容，而不是策划和担心代码。
根据官方 WordPress Gutenberg 页面：
“即使不是专家开发人员，您也可以构建自己的自定义帖子和页面。”
WordPress 开发者页面概述了 Gutenberg 的愿景，如下所示：
“Gutenberg 将编辑器重塑为一种工具，让用户只需点击几下即可撰写丰富的文章并构建漂亮的布局——无需任何技术知识。 WordPress 将成为一个强大而灵活的内容工具，所有人都可以使用。”
编辑器使用一个称为“块”的概念，可以排列形成自定义布局。
这种专注于让任何人都能轻松专注于内容的做法解释了为什么 WP Rocket 的营销团队立即对新界面表示赞赏。
根据 WP 火箭：
“营销团队毫不费力地从经典编辑器切换到古腾堡。更重要的是，我们开始享受到一些让我们的工作更轻松、更快捷的功能。”
首页截图 PageSpeed Insight 得分
使用 Gutenberg 提高性能
WP Rocket 报告说，使用 Gutenberg 构建站点可以使网站速度更快、性能更好。
使用 Gutenberg 构建的 WP Rocket 页面表现出色的原因有两个：
更轻量级的 HTML（内置于 Gutenberg）
按需 CSS 和 JavaScript（不是 Gutenberg 功能）
更轻便的 HTML 代码是 Gutenberg 开箱即用的功能。
不利的一面是，加载不必要的 CSS 也是 Gutenberg 的固有功能。正因为如此，WP Rocket 创建了一个解决方法来自动化按需 CSS。
Gutenberg 旨在加载每个样式块所需的所有 CSS。因此，第一个挑战是创建一种仅在需要时自动加载 JavaScript 和 CSS 的方法。
古腾堡出奇的稳健
坦率地说，我对 WP Rocket 全力投入古腾堡感到有点惊讶。我之所以感到惊讶，是因为古腾堡还没有完全完成。
完整的网站编辑体验要到 2021 年 6 月才会推出。然而 WP Rocket 发现使用 Gutenberg 重新设计他们的整个网站是正确的选择。
我请 WP Rocket Team 分享他们的经验。
采访 WP Rocket
开发团队是否面临挑战并且必须想出解决方法来应对这些挑战？
“是的！
首先，我们对古腾堡自定义块的开发经验为零，一开始我们阅读的有关该主题的所有内容都非常令人沮丧。
不用说，学习曲线非常陡峭。
具体来说：作为缓存插件，我们主要的开发关注点之一是性能需求。在这方面，Gutenberg 存在一个缺点：默认样式表包含所有原生块的 CSS。
这是一个问题，因为所有页面上都加载了未使用的 CSS（这不符合 PageSpeed Insights 的“删除未使用的 CSS 资源”建议）。
在我们的例子中，我们弃用了几个未使用的块。我们创建了一个自定义排队系统，以便仅在需要时才加载 CSS 和 JS。我们只花了几分钟就开发了这个系统。
我们还决定不使用 Gutenberg CSS 文件。相反，我们将实际需要的 CSS“迁移”到我们自己的样式表中，迁移到专用的 CSS 文件中。成功了。
古腾堡是否觉得它已经完成并准备好投入生产？
“好吧，我们设法用古腾堡建立了我们的网站（除了页眉和页脚）。我认为这说明了古腾堡是如何发展的以及它的准备情况。
随着计划于 2021 年 6 月进行的完整网站编辑，我相信人们将能够使用古腾堡块编辑网站的所有元素。”
使用它有学习曲线吗？
“绝对地。而且我认为对于那些习惯于可视化页面构建器的人来说尤其如此。
也就是说，我们对古腾堡的视觉效果感到惊喜。后端可以很好地预览前端，这意味着即使对于像我这样的非技术人员，也可以轻松地对页面进行一些更改或从头开始构建新页面。”
凭借从您的经验中获得的知识，您对那些考虑转向古腾堡的人有什么建议？
“大胆试试吧！
我们的两个主要收获如下：
开始设计您的新网页时，请牢记古腾堡。它会为你节省很多时间，而且你最终会变得更有效率。 （这不是我们做的，因为我们在没有决定编辑器的情况下就开始了设计……）
根据您的业务仔细考虑您需要多少块。想想他们是否都必须是习惯的。使用 Gutenberg 时，块会产生真正的不同。 （我们提出了 20 多个自定义块，远非平均水平。您可能只需要几个）。
在切换到古腾堡之前要考虑的首要考虑因素是什么？
“古腾堡不一定适合所有人。
如果您对现在的免费主题没问题，那就太好了。您可以创建所有您想要的块并享受古腾堡。
但是，如果您想要特定的设计和特定的块，则需要开发人员来帮助您进行布局。它可能不会像我们那样花费您那么多时间。
不过，它会使您的新网站的开发时间比平时更长，成本也更高，因为您需要一些帮助。您还应该意识到前方的陡峭学习曲线。
也就是说，Gutenberg 确实是 WordPress 的核心，每天，贡献者都在努力改进它。
选择另一个选项时，您可能会面临 WordPress 进行更改时无法更新的风险。此外，使用 Gutenberg 构建的 WordPress 网站总是更容易找到帮助您的人。
我们相信古腾堡是 WordPress 的未来，而且它是免费和开源的。”
什么样的出版商在转向古腾堡时应该三思？
“这是我们在博客文章中提到的：
如果您是自由职业者或经营一家小公司，您仍然可以使用不需要任何开发人员帮助或额外费用的页面构建器。
如果你经营一家更大的公司并需要特定的开发——那么是的，古腾堡是你正确的解决方案，毫不犹豫。”
三种可能的不便
据我了解，至少存在三个不便之处。
学习曲线
但这是学习新事物的一部分。尽管如此，因为 Gutenberg 可能是 WP 的未来，所以创建一个桌面实例来玩玩可能不是一件坏事。
古腾堡直到 2021 年 6 月才完成
我相信古腾堡的导航菜单和小部件区域仍在建设中。全站编辑计划要到 2021 年 6 月才能发布。
加载所有 CSS 和 JS 文件
显然，Gutenberg 在每个页面上加载了所有样式和 JS 代码，包括未使用的块的代码。所以这可能会导致不必要的膨胀。
WordPress 古腾堡是未来
当 WP Rocket 说古腾堡是未来时，他们提出了一个有效的观点。目标是让发布者更少地关注代码，更多地关注内容。古腾堡全站编辑目前计划于 2021 年 6 月首次亮相。
感谢 WP Rocket 为团队带来了一个，我们现在知道 Gutenberg 确实有一个很有前途的编辑用户界面，并且可能有助于提高网站性能。
从现在到 2021 年 6 月，创建一个虚拟桌面实例并熟悉使用 Gutenberg 创建和发布网站可能会有用，以便至少在第一天准备好在需要时跳入其中。
