Ralph Cope 访谈：Trellis 案例研究

如果您是为内容创建者构建 WordPress 网站的开发人员，那么这个以我们的 WordPress 框架 Trellis 为特色的案例研究非常适合您！

我们为发布者创建了格状结构，他们是内容制作专家，但可能在技术上不倾向于或对投入大量时间来维护网站的基本要素不感兴趣。 我们设计 Trellis 以实现开箱即用的最佳性能，其具体目标是满足 Google 严格的 Core Web Vitals 标准。 所有这些都不需要内容创建者的任何技术知识。

但是，我们也知道，有时网站所有者想要特定的外观或特殊功能，并且需要开发人员的帮助来创建代码自定义以实现这一目标。

我们很高兴介绍自由开发人员 Ralph Cope，他曾在多个项目中使用 Trellis 框架，今天与我们一起讨论他使用 Trellis 的“幕后”经验。

告诉我们一些关于你自己的事情：你写博客和与其他网站和博主合作多久了？

我已经与博客作者合作了大约 5 年。 在过渡到更具技术性的角色之前，我最初是一个相当大的旅游博客的作家。 我很早就了解了 SEO 的来龙去脉，在过去的几年里，我已经深入参与了更多技术方面的工作，例如开发、性能优化、结构化数据、语义 SEO 等。

我现在是一名自由职业者，主要为客户提供咨询和完整的网站建设——当然，两者都考虑到了最新的 SEO 实践。

你第一次听说格子是在哪里？

Journey Era 的所有者和一位朋友的朋友 Jackson Groves 与我联系，要求将他的网站切换到新主题。 作为主要的内容创作者，Jackson 对处理任何与开发相关的工作感到不自在，并寻求我的帮助。

作为 Mediavine 的合作伙伴，杰克逊从他的联系人那里听说了 Trellis，并决定试一试。 他与我分享了文档，然后我们开始工作。

切换主题和框架可能是一个重大决定。 是什么促使您尝试使用 Trellis？

收到很多积极的反馈后，Jackson 非常坚持使用 Trellis。 最大的卖点是它承诺的网站性能和速度的潜在提升。 最初的预测表明，Trellis 将加载时间减少了 30% 左右，并将广告收入提高了大约 30%。

2021年对于征途时代来说也是艰难的一年。 在几波新冠病毒和一些极端残酷的谷歌广泛核心更新之间，该网站失去了相当多的流量。 如果有时间尝试新事物，例如切换主题，那就是它。

在 Trellis 之前，您使用过哪些 WordPress 主题/框架（或 CMS）？

就个人而言，在 Trellis 之前，我曾与几个不同的主题合作过，包括但不限于：

• 儿童主题
• 主题构建器，例如 Elementor、Kadence 和 Thrive
• 企业级定制主题

您希望使用 Trellis 解决哪些技术问题？

主要是网站性能和加载时间。 Trellis 作为有史以来第一个考虑到 Google Core Web Vitals 的主题进行营销，因此它似乎是合乎逻辑的选择。

话虽如此，在我开始创作之前，《征途时代》已经相当快了。 根据我进行的初始基准测试，平均页面加载时间约为 785 毫秒（0.785 秒），这已经是一个非常令人印象深刻的数字了。 如果我们认真考虑减少加载时间，Trellis 和我会为我们完成工作。

在网站上设置格子对您来说有多容易？ 过程顺利吗？

Trellis 看起来是一个非常简单的框架，但在底层有很多复杂性。 它的编码方式（PHP 之类的）与我之前使用的任何其他主题都大不相同。 不用说，一开始有一点学习曲线。

起初，Trellis 觉得使用起来非常僵硬。 在主题定制方面，内置选项相对有限（与其他主题构建器相比），我认为 Trellis 的开发人员是为了使其尽可能轻量级而有意做出的决定。

这意味着我必须直接使用我自己的 HTML 和 CSS 来设置网站的样式。

在对它有了更深入的了解之后，我才真正开始更加欣赏 Trellis 框架。 是的，我必须自己定制几乎所有东西——包括一些特殊的 JS 和 PHP——但是一旦我掌握了自己的节奏，我真的很喜欢这项工作。 到最后，我实际上最终学习了一些网站开发的新技巧。

您是否在网站上进行过任何自定义工作（例如自定义主页或帖子布局）？ 如果是这样，在 Trellis 环境中工作的难易程度如何？

有一些功能需要使用 Trellis 构建到新站点构建中，遗憾的是无法使用纯 CSS 或 HTML 完成。 因此，我们不得不求助于制作儿童主题，这是我通常喜欢避免的事情，只是根据经验。

为 Trellis 设置子主题也有点独特，这主要是由于框架的构建方式。 幸运的是，Mediavine 的开发团队在进行故障排除时非常乐于助人，并且实际上竭尽全力帮助解释问题。

您注意到 Trellis 有哪些改进？ （网站速度、CLS分数、流量、收益等）

我们首先在暂存环境中使用 Trellis 构建了新站点，并运行了许多基准来跟踪性能。 新站点 100% 准备就绪后，我们将其投入生产，放置一周，然后运行最后一组基准测试。 所有基准测试均使用 GTMetrix 进行。

总体而言，所有关键绩效指标都显示出积极的变化。 第一次内容绘制、最大内容绘制、交互时间和总阻塞时间*都提高了大约 30-40%（意味着更少的加载时间）。 速度指数（粗略地转化为总加载时间）略有改善，但仍然有所改善。

在最终基准测试之后不久，我们的劳动的真正成果就显现出来了。 在实施 Trellis 并对网站进行彻底的 SEO 审核后的一个月内，流量增加了 140%，即翻了一番多。 广告收入也增加了不少。

* 这四个指标（FCP、LCP、TTI 和 TBT）在任何人在给定页面上运行 Google Lighthouse 测试时首先显示。 一般来说，它们是判断整体页面加载时间的良好指标。

您会向其他开发人员和博主推荐 Trellis 吗？ 为什么或者为什么不？

是的，我会向任何正在为其网站寻找轻量级主题/框架的博主或开发人员推荐 Trellis。 尽管有学习曲线，Trellis 被证明是一个良好的表现和投资回报。

我会说，我目前只能向内容创作者推荐 Trellis。 虽然它在优化处理和呈现博客内容方面做得很好，但我不知道它是否或如何用于更复杂的网站，如电子商务。

你对准备搬到格子的人有什么建议？

如果您计划在 Trellis 中开发自定义网站，您至少需要精通 HTML 和 CSS。 JS 和 PHP 也是一个加分项。

您可以仅使用 Trellis 提供的自定义选项来创建网站，但您可以做的事情将受到限制。 如果你真的想充分利用这个框架并对前端进行完全的创造性控制，你需要能够在一定程度上自己设计和构建一切。

如果您还没有发现它，我强烈建议您使用 Chrome DevTools 进行开发工作。 这对我来说是天赐之物，当我第一次进入开发并真正让我看到很多技术诀窍时。 我仍然每天都在使用它，当然在我使用 Trellis 时也是如此。

您最喜欢 Trellis 的哪个功能？

我喜欢 Trellis 的开发人员如何尽最大努力将尽可能多的速度优化纳入 Trellis 本身，从而消除安装额外插件的需要。 CSS/JS 最小化、图像延迟加载和代码注入都由 Trellis 处理，这意味着我不需要使用像 Autoptimize、Code Snippets 或 Asset CleanUp 这样的插件。

话虽如此，我仍然使用 WPRocket 作为缓存插件，因为它是同类 IMO 中最好的之一。 我只是确保关闭它对 CSS、HTML 和 JS 优化的处理，这样它就不会与 Trellis 自己的特性发生冲突。

关于你的经历还有其他意见吗？

对于希望简化网站并可能学习一两件事有关 Web 开发的内容创建者来说，Trellis 是一个不错的选择。 它没有其他主题构建器那么多的功能，但这可能是一件好事。 这种方式要快得多，并且需要您批判性地思考您真正想要在您的博客或网站中包含的内容。

感谢拉尔夫今天与我们聊天。 我们很高兴 Trellis 正在帮助您帮助您的客户实现他们的业务目标！

我们为 Trellis 所取得的成果感到非常自豪，我们的团队致力于改进和增强此框架，以继续为内容创建者及其业务目标服务。 了解有关 Trellis 的更多信息，如果您想阅读更多推荐，请查看我们的其他案例研究。