Wywiad z Ralphem Cope'em: Studium przypadku Trellis

Jeśli jesteś programistą tworzącym witryny WordPress dla twórców treści, to studium przypadku zawierające naszą platformę WordPress, Trellis, jest dla Ciebie!

Stworzyliśmy Trellis dla wydawcy, który jest ekspertem w tworzeniu treści, ale być może nie jest technicznie skłonny lub zainteresowany poświęcaniem dużej ilości czasu na konserwację witryny internetowej. Zaprojektowaliśmy Trellis z myślą o maksymalnej wydajności od razu po wyjęciu z pudełka, mając na celu spełnienie surowych standardów Google Core Web Vitals. Wszystko bez konieczności posiadania technicznej wiedzy od twórców treści.

Wiemy jednak również, że czasami właściciel witryny potrzebuje określonego wyglądu lub specjalnej funkcji i potrzebuje pomocy programisty, aby dostosować kod, aby osiągnąć ten cel.

Z przyjemnością przedstawiamy niezależnego programistę Ralpha Cope, który pracował z frameworkiem Trellis przy kilku projektach i dołącza do nas dzisiaj, aby omówić swoje „pod maską” doświadczenia z Trellis.

Opowiedz nam trochę o sobie: Od jak dawna prowadzisz blogi i współpracujesz z innymi witrynami i blogerami?

Współpracuję z blogerami od około 5 lat. Zacząłem jako pisarz na dość dużym blogu podróżniczym, zanim przeszedłem do bardziej technicznej roli. Dość wcześnie poznałem tajniki SEO, a w ciągu ostatnich kilku lat bardzo zaangażowałem się w bardziej techniczne aspekty, np. rozwój, optymalizację wydajności, dane strukturalne, semantyczne SEO itp.

Obecnie jestem freelancerem, który głównie zapewnia klientom konsultacje i pełne wersje stron internetowych — oczywiście mając na uwadze najbardziej aktualne praktyki SEO.

Gdzie po raz pierwszy usłyszałeś o Trellis?

Jackson Groves, właściciel Journey Era i przyjaciel znajomego, zwrócił się do mnie z prośbą o przełączenie jego strony na nowy motyw. Będąc przede wszystkim twórcą treści, Jackson nie czuł się komfortowo w prowadzeniu jakiejkolwiek pracy związanej z rozwojem i poprosił mnie o pomoc.

Będąc partnerem Mediavine, Jackson usłyszał o Trellis ze swojego punktu kontaktowego i postanowił spróbować. Udostępnił mi dokumentację i poszliśmy do pracy.

Przełączanie motywów i ram może być poważną decyzją. Co przekonało cię do wypróbowania Trellis?

Po otrzymaniu wielu pozytywnych opinii Jackson był bardzo nieugięty w korzystaniu z Trellis. Największym punktem sprzedaży był potencjalny wzrost wydajności strony internetowej i obiecanej szybkości. Wstępne prognozy wskazywały, że Trellis skróci czas ładowania o około 30% i zwiększy przychody z reklam o mniej więcej tyle samo.

2021 był również trudnym rokiem dla Ery Podróży. Pomiędzy kilkoma falami COVID i kilkoma bardzo okrutnymi, obszernymi aktualizacjami Google, witryna straciła znaczną część ruchu. Jeśli kiedykolwiek był czas, aby spróbować czegoś nowego, na przykład zmienić motywy, to właśnie to.

Z jakimi motywami/frameworkami WordPress (lub CMS) pracowałeś przed Trellis?

Osobiście pracowałem z kilkoma różnymi motywami przed Trellis, w tym między innymi:

• Motywy potomne
• Twórcy motywów, np. Elementor, Kadence i Thrive
• Indywidualne motywy na poziomie przedsiębiorstwa

Jakie problemy techniczne chciałeś rozwiązać z Trellis?

Głównie wydajność witryny i czasy ładowania. Trellis był reklamowany jako pierwszy motyw, jaki kiedykolwiek zbudowano z myślą o Google Core Web Vitals, więc wydawało się to logicznym wyborem.

Biorąc to pod uwagę, Journey Era była już dość szybka, zanim zacząłem nad nią pracować. Średni czas ładowania strony wynosił około 785 milisekund (0,785 sekundy) zgodnie z początkowymi testami porównawczymi, które wykonałem, co już jest dość imponującą liczbą. Trellis i ja zrobilibyśmy dla nas dużo pracy, gdybyśmy poważnie podchodzili do skracania czasów ładowania.

Jak łatwo było Ci skonfigurować Trellis na stronie internetowej? Czy proces przebiegł sprawnie?

Trellis wydaje się być bardzo prostym frameworkiem, ale ma wiele zawiłości pod maską. Sposób, w jaki jest kodowany (PHP i inne) różni się znacznie od innych motywów, których używałem wcześniej. Nie trzeba dodawać, że na początku było trochę krzywej uczenia się.

Początkowo praca z Trellis była dość sztywna. Istnieją stosunkowo ograniczone wbudowane opcje, jeśli chodzi o dostosowywanie motywów (w porównaniu z innymi kreatorami motywów), co jest decyzją, którą, jak sobie wyobrażam, twórcy Trellis podjęli celowo, aby zachować jak najmniejszą wagę.

Oznaczało to, że musiałbym stylizować witrynę bezpośrednio przy użyciu własnego kodu HTML i CSS.

Po bliższym poznaniu zacząłem jednak bardziej doceniać framework Trellis. Tak, musiałem sam dostosować prawie wszystko — w tym trochę specjalnego JS i PHP — ale kiedy już osiągnąłem swój rytm, naprawdę podobała mi się praca. Pod koniec właściwie nauczyłem się kilku nowych sztuczek dotyczących tworzenia stron internetowych.

Czy wykonałeś jakąś niestandardową pracę w witrynie (np. niestandardową stronę główną lub układ postu)? Jeśli tak, to jak łatwa/trudna była praca w środowisku Trellis?

Było kilka funkcji, które musiały zostać wbudowane w nową witrynę za pomocą Trellis, których niestety nie można było wykonać za pomocą czystego CSS lub HTML. W związku z tym musieliśmy uciec się do stworzenia motywu dziecięcego, czego zwykle lubię unikać tylko z doświadczenia.

Konfigurowanie motywu potomnego dla Trellis jest również nieco wyjątkowym przypadkiem, ponownie głównie ze względu na sposób, w jaki zbudowana jest struktura. Na szczęście zespół programistów Mediavine był bardzo pomocny, jeśli chodzi o rozwiązywanie problemów i faktycznie robił wszystko, aby pomóc wyjaśnić różne rzeczy.

Jakie ulepszenia zauważyłeś w Trellis? (Szybkość witryny, wyniki CLS, ruch, zarobki itp.)

Zbudowaliśmy nową witrynę najpierw przy użyciu Trellis w środowisku pomostowym i przeprowadziliśmy szereg testów porównawczych w celu śledzenia wydajności. Gdy nowa witryna była już w 100% gotowa do działania, wprowadziliśmy ją do produkcji, pozostawiliśmy na tydzień, a następnie przeprowadziliśmy ostateczny zestaw testów porównawczych. Wszystkie testy porównawcze zostały wykonane przy użyciu GTMetrix.

Ogólnie rzecz biorąc, wszystkie kluczowe wskaźniki wydajności wykazały pozytywny ruch. Pierwsze wyrenderowanie treści, największe wyrenderowanie treści, czas do interakcji i całkowity czas blokowania* zostały ulepszone (co oznacza krótszy czas wczytywania) o około 30-40%. Indeks prędkości, który z grubsza przekłada się na całkowity czas ładowania, odnotował niewielką poprawę, ale mimo to poprawił się.

Prawdziwe owoce naszej pracy ukazały się chwilę po ostatnich benchmarkach. W ciągu miesiąca od wdrożenia Trellis i wykonania dokładnego audytu SEO strony ruch wzrósł o 140%, czyli ponad dwukrotnie. Przychody z reklam również znacznie wzrosły.

* Te cztery wskaźniki (FCP, LCP, TTI i TBT) są wyświetlane przede wszystkim, gdy ktoś przeprowadza test Google Lighthouse na danej stronie. Ogólnie rzecz biorąc, są one dobrymi wskaźnikami przy ocenie ogólnego czasu ładowania strony.

Czy poleciłbyś Trellis innym programistom i blogerom? Dlaczego lub dlaczego nie?

Tak, poleciłbym Trellis każdemu blogerowi lub programiście, który szukał lekkiego motywu/struktury dla swojej witryny. Pomimo krzywej uczenia się, Trellis okazał się dobrym wykonawcą i zwrotem z inwestycji.

Powiem jednak, że w tej chwili mogę tylko polecić Trellis twórcom treści. Chociaż dobrze radzi sobie z obsługą i optymalnym renderowaniem treści bloga, nie wiem, czy i jak można go wykorzystać w bardziej złożonych witrynach internetowych, takich jak e-commerce.

Jaką radę miałbyś dla kogoś, kto przygotowuje się do przeprowadzki do Trellis?

Jeśli planujesz stworzyć niestandardową witrynę w Trellis, musisz znać przynajmniej HTML i CSS. JS i PHP to także plus.

Możesz uciec od stworzenia strony internetowej przy użyciu tylko opcji dostosowywania dostarczonych przez Trellis, ale będziesz ograniczony w tym, co możesz zrobić. Jeśli naprawdę chcesz jak najlepiej wykorzystać ten framework i mieć całkowitą kreatywną kontrolę nad frontendem, musisz być w stanie samodzielnie stylizować i budować wszystko do pewnego stopnia.

Jeśli jeszcze tego nie odkryłeś, gorąco polecam używanie Chrome DevTools do pracy programistycznej. To był dla mnie dar z niebios, kiedy po raz pierwszy zacząłem tworzyć i naprawdę otworzyłem oczy na wiele technicznego know-how. Nadal używam go na co dzień i na pewno podczas pracy z Trellis.

Jaka jest twoja ulubiona funkcja Trellis?

Podoba mi się, jak twórcy Trellis dołożyli wszelkich starań, aby wprowadzić jak najwięcej optymalizacji prędkości do samego Trellis, eliminując w ten sposób potrzebę instalowania dodatkowych wtyczek. Minimalizacja CSS/JS, ładowanie obrazów z opóźnieniem i wstrzykiwanie kodu są obsługiwane przez Trellis, co oznacza, że ​​nie muszę używać wtyczek takich jak Autoptimize, Code Snippets czy Asset CleanUp.

Biorąc to pod uwagę, nadal używam WPRocket jako wtyczki do buforowania, ponieważ jest to jedna z najlepszych w swoim rodzaju IMO. Po prostu upewniam się, że wyłączyłem obsługę optymalizacji CSS, HTML i JS, aby nie kolidował z własnymi funkcjami Trellis.

Jakieś inne komentarze na temat twojego doświadczenia?

Dla twórców treści, którzy chcą usprawnić swoją witrynę i być może dowiedzieć się czegoś o tworzeniu stron internetowych, Trellis jest świetną opcją. Nie ma tylu funkcji, co inne kreatory motywów, ale to prawdopodobnie dobra rzecz. W ten sposób jest to o wiele szybsze i wymaga krytycznego zastanowienia się nad tym, co naprawdę chcesz umieścić na swoim blogu lub w witrynie.

Dzięki, Ralph, za rozmowę z nami dzisiaj. Cieszymy się, że Trellis pomaga Twoim klientom w osiąganiu ich celów biznesowych!

Jesteśmy naprawdę dumni z wyników osiągniętych przez Trellis, a nasz zespół jest zaangażowany w ulepszanie i ulepszanie tej struktury, aby nadal służyć twórcom treści i ich celom biznesowym. Dowiedz się więcej o Trellis, a jeśli chcesz przeczytać więcej referencji, zapoznaj się z naszymi innymi studiami przypadków.