Интервью с Ральфом Коупом: Пример использования Trellis

Если вы разработчик, создающий сайты WordPress для создателей контента, этот пример использования нашей платформы WordPress, Trellis, для вас!

Мы создали Trellis для издателя, который является экспертом в создании контента, но, возможно, не имеет технических склонностей или не заинтересован в том, чтобы уделять много времени поддержке основ веб-сайта. Мы разработали Trellis для обеспечения максимальной производительности прямо из коробки с конкретной целью соответствовать жестким стандартам Google Core Web Vitals. И все это без каких-либо технических ноу-хау от создателей контента.

Однако мы также знаем, что иногда владельцу сайта нужен определенный внешний вид или специальная функция, и ему нужна помощь разработчика для создания настроек кода для достижения этой цели.

Мы рады представить внештатного разработчика Ральфа Коупа, который работал с инфраструктурой Trellis в нескольких проектах и ​​сегодня присоединился к нам, чтобы обсудить свой «внутренний» опыт работы с Trellis.

Расскажите нам немного о себе: Как долго вы ведете блог и работаете с другими сайтами и блогерами?

Работаю с блогерами около 5 лет. Я начинал как писатель для довольно большого блога о путешествиях, прежде чем перейти к более технической роли. Я довольно рано изучил все тонкости SEO и в последние несколько лет стал активно заниматься более технической стороной вещей, например, разработкой, оптимизацией производительности, структурированными данными, семантическим SEO и т. д.

Теперь я фрилансер, который в основном предоставляет клиентам консультации и полную сборку веб-сайтов — конечно, и то, и другое с учетом самых современных методов SEO.

Где вы впервые услышали о Треллисе?

Джексон Гроувс, владелец Journey Era и друг моего друга, обратился ко мне с предложением перевести его сайт на новую тему. Будучи в первую очередь создателем контента, Джексон чувствовал себя некомфортно, занимаясь какой-либо работой, связанной с разработкой, и попросил меня о помощи.

Будучи партнером Mediavine, Джексон услышал о Trellis от своего контактного лица и решил попробовать. Он поделился со мной документацией, и мы приступили к работе.

Переключение тем и фреймворков может быть важным решением. Что убедило вас попробовать Trellis?

Получив множество положительных отзывов, Джексон был непреклонен в отношении использования Trellis. Самым большим преимуществом было обещанное потенциальное повышение производительности и скорости веб-сайта. Первоначальные прогнозы указывали на то, что Trellis сократит время загрузки примерно на 30% и увеличит доход от рекламы примерно на столько же.

2021 год также был тяжелым для Journey Era. Между несколькими волнами COVID и несколькими масштабными обновлениями ядра Google сайт потерял значительное количество трафика. Если когда-либо было время попробовать что-то новое, например, сменить тему, то это было именно оно.

С какими темами/фреймворками WordPress (или CMS) вы работали до Trellis?

Лично я работал с несколькими разными темами до Trellis, включая, помимо прочего:

• Дочерние темы
• Создатели тем, например Elementor, Kadence и Thrive.
• Индивидуальные темы корпоративного уровня

Какие технические проблемы вы надеялись решить с помощью Trellis?

В основном производительность сайта и время загрузки. Trellis позиционировалась как первая тема, когда-либо созданная с учетом Google Core Web Vitals, так что это казалось логичным выбором.

При этом Journey Era уже была довольно быстрой, прежде чем я начал над ней работать. Среднее время загрузки страницы составляло около 785 миллисекунд (0,785 секунды) в соответствии с первоначальными тестами, которые я взял, что уже является довольно впечатляющим числом. Если бы мы серьезно относились к сокращению времени загрузки, мы с Треллисом избавились бы от нашей работы.

Насколько легко вам было настроить Trellis на веб-сайте? Процесс прошел гладко?

Trellis кажется очень простым фреймворком, но внутри у него много сложностей. То, как она закодирована (PHP и все такое), сильно отличается от любой другой темы, которую я использовал раньше. Излишне говорить, что в начале было немного кривой обучения.

Поначалу с Треллисом было довольно тяжело работать. Когда дело доходит до настройки темы, существуют относительно ограниченные встроенные возможности (по сравнению с другими конструкторами тем), и я полагаю, что разработчики 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?

Если вы планируете разработать собственный сайт в 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.

Любые другие комментарии о вашем опыте?

Для создателей контента, которые хотят оптимизировать свой сайт и, возможно, узнать кое-что о веб-разработке, Trellis — отличный вариант. У него не так много функций, как у других конструкторов тем, но это, вероятно, хорошо. Это намного быстрее и потребует от вас критического осмысления того, что вы действительно хотите включить в свой блог или сайт.

Спасибо, Ральф, что поболтал с нами сегодня. Мы очень рады, что Trellis помогает вам помогать вашим клиентам в достижении их бизнес-целей!

Мы действительно гордимся результатами, достигнутыми Trellis, и наша команда стремится улучшать и улучшать эту платформу, чтобы продолжать служить создателям контента и достигать их бизнес-целей. Узнайте больше о Trellis, а если вы хотите прочитать больше отзывов, ознакомьтесь с другими нашими примерами из практики.