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 的更多信息，如果您想閱讀更多推薦，請查看我們的其他案例研究。