Interviu Ralph Cope: Studiu de caz Trellis

Dacă sunteți un dezvoltator care construiește site-uri WordPress pentru creatorii de conținut, acest studiu de caz care prezintă cadrul nostru WordPress, Trellis, este pentru dvs.!

Am creat Trellis pentru editorul care este un expert în producerea de conținut, dar poate nu este înclinat din punct de vedere tehnic sau interesat să aloce mult timp pentru întreținerea piulițelor și șuruburilor unui site web. Am proiectat Trellis pentru performanță maximă imediat din cutie, cu scopul specific de a îndeplini standardele stricte Google Core Web Vitals. Toate fără a necesita cunoștințe tehnice din partea creatorilor de conținut.

Cu toate acestea, știm, de asemenea, că uneori un proprietar de site dorește un aspect specific sau o caracteristică specială și are nevoie de ajutor de la un dezvoltator pentru a crea personalizări ale codului pentru a atinge acest scop.

Ne face plăcere să vă prezentăm dezvoltatorul independent Ralph Cope, care a lucrat cu framework-ul Trellis la mai multe proiecte și ni se alătură astăzi pentru a discuta despre experiențele sale „sub capotă” cu Trellis.

Povestește-ne puțin despre tine: De cât timp scrii pe blog și lucrezi cu alte site-uri și bloggeri?

Lucrez cu bloggeri de aproximativ 5 ani. Am început ca scriitor pentru un blog de călătorii destul de mare înainte de a trece la un rol mai tehnic. Am învățat destul de devreme elementele SEO și, în ultimii câțiva ani, m-am implicat destul de mult în partea mai tehnică a lucrurilor, de exemplu, dezvoltarea, optimizarea performanței, datele structurate, SEO semantic etc.

Acum sunt un freelancer care oferă în mare parte consultații și construirea completă a site-ului web clienților - ambele având în vedere cele mai recente practici SEO, desigur.

Unde ai auzit prima dată despre Trellis?

Jackson Groves, proprietarul Journey Era și un prieten al unui prieten, m-a abordat în legătură cu trecerea site-ului său la o nouă temă. Fiind în primul rând un creator de conținut, Jackson nu s-a simțit confortabil să se ocupe de orice fel de muncă legată de dezvoltare și mi-a cerut ajutorul.

Fiind partener Mediavine, Jackson auzise despre Trellis de la punctul său de contact și a decis să încerce. Mi-a împărtășit documentația și ne-am dus la muncă.

Schimbarea temelor și a cadrelor poate fi o decizie importantă. Ce te-a convins să încerci Trellis?

După ce a primit o mulțime de feedback pozitiv, Jackson a fost destul de hotărât cu privire la utilizarea Trellis. Cel mai mare argument de vânzare a fost potențiala creștere a performanței site-ului și a vitezei pe care a promis. Proiecțiile inițiale au indicat că Trellis reduce timpii de încărcare cu aproximativ 30% și crește veniturile publicitare aproximativ la fel.

2021 a fost și un an dur pentru Journey Era. Între câteva valuri de COVID și câteva actualizări de bază Google limită-crude, site-ul pierduse o cantitate considerabilă de trafic. Dacă a existat vreodată un timp pentru a încerca ceva nou, cum ar fi schimbarea temelor, acesta a fost.

Cu ce ​​teme/cadre (sau CMS) WordPress ați lucrat înainte de Trellis?

Personal, am lucrat cu mai multe teme diferite înainte de Trellis, inclusiv, dar fără a se limita la:

• Teme pentru copii
• Creatori de teme, de exemplu Elementor, Kadence și Thrive
• Teme personalizate la nivel de întreprindere

Ce probleme tehnice sperați să rezolvați cu Trellis?

În principal, performanța site-ului și timpii de încărcare. Trellis a fost comercializată ca prima temă creată vreodată cu Google Core Web Vitals în minte, așa că părea a fi alegerea logică.

Acestea fiind spuse, Journey Era a fost deja destul de rapid înainte să încep să lucrez la ea. Timpii medii de încărcare a paginii au fost în jur de 785 milisecunde (0,785 secunde) conform benchmark-urilor inițiale pe care le-am luat, ceea ce este deja un număr destul de impresionant. Trellis și cu mine ne-am lăsa treaba pentru noi dacă am fi serioși să reducem timpul de încărcare.

Cât de ușor a fost pentru dvs. să configurați Trellis pe un site web? Procesul a decurs fără probleme?

Spalierul pare a fi un cadru foarte simplu, dar are o mulțime de complexități sub capotă. Modul în care este codificat (PHP și altele) este destul de diferit de orice altă temă pe care am folosit-o înainte. Inutil să spun că a existat un pic de curbă de învățare la început.

La început, Trellis s-a simțit destul de rigid pentru a lucra cu el. Există opțiuni încorporate relativ limitate când vine vorba de personalizarea temei (comparativ cu alți constructori de teme), care este o decizie pe care îmi imaginez că dezvoltatorii Trellis au luat-o în mod intenționat pentru a o menține cât mai ușor posibil.

Acest lucru însemna că ar trebui să stilez site-ul direct folosind propriul meu HTML și CSS.

După ce l-am cunoscut mai bine, chiar am început să apreciez mai mult cadrul Trellis. Da, a trebuit să personalizez aproape totul eu – inclusiv niște JS și PHP speciale – dar odată ce mi-am luat ritmul, mi-a plăcut foarte mult munca. Până la sfârșit, am ajuns să învăț câteva trucuri noi pentru dezvoltarea site-ului web.

Ați făcut vreo lucrare personalizată pe site (de exemplu, o pagină de pornire personalizată sau un aspect al postării)? Dacă da, cât de ușor/dificil a fost să lucrezi în mediul Trellis?

Au fost câteva funcții care trebuiau integrate în noua construcție a site-ului folosind Trellis, care, din păcate, nu au putut fi realizate folosind CSS sau HTML pur. Ca atare, a trebuit să recurgem la realizarea unei teme pentru copil, ceea ce de obicei îmi place să evit doar din experiență.

Configurarea unei teme pentru copii pentru Trellis este, de asemenea, un caz unic, din nou, mai ales datorită modului în care este construit cadrul. Din fericire, echipa de dezvoltare a Mediavine a fost destul de utilă când a fost vorba de depanare și a făcut tot posibilul să explice lucrurile.

Ce îmbunătățiri ați observat la Trellis? (Viteza site-ului, scorurile CLS, trafic, câștiguri etc.)

Am construit noul site folosind Trellis mai întâi într-un mediu de pregătire și am rulat o serie de benchmark-uri pentru a urmări performanța. Odată ce noul site a fost 100% gata de funcționare, l-am împins în producție, l-am lăsat să stea o săptămână și apoi am rulat un set final de benchmark-uri. Toate benchmark-urile au fost luate folosind GTMetrix.

În general, toate valorile cheie de performanță au arătat o mișcare pozitivă. Prima vopsea plină de conținut, cea mai mare vopsea plină de conținut, timpul până la interactiv și timpul total de blocare* au fost toate îmbunătățite (adică mai puțin timp de încărcare) cu aproximativ 30-40%. Indicele de viteză, care se traduce aproximativ în timpul total de încărcare, a înregistrat îmbunătățiri marginale, dar s-a îmbunătățit totuși.

Adevăratele roade ale muncii noastre s-au arătat la puțin timp după reperele finale. În decurs de o lună de la implementarea Trellis și de la efectuarea unui audit SEO amănunțit al site-ului, traficul a crescut cu 140%, adică sa dublat. Veniturile din reclame au crescut, de asemenea, destul de mult.

* Aceste patru valori (FCP, LCP, TTI și TBT) sunt afișate în primul rând atunci când cineva execută un test Google Lighthouse pe o anumită pagină. În general, sunt indicatori buni atunci când se evaluează timpul general de încărcare a paginii.

Ați recomanda Trellis altor dezvoltatori și bloggeri? De ce sau de ce nu?

Da, aș recomanda Trellis oricărui blogger sau dezvoltator care a căutat o temă/cadru ușoară pentru site-ul lor. În ciuda curbei de învățare, Trellis s-a dovedit a fi un bun performer și a rentabilității investiției.

Totuși, voi spune că pot recomanda Trellis doar creatorilor de conținut. Deși face o treabă bună în gestionarea și redarea optimă a conținutului blogului, nu știu dacă sau cum ar putea fi folosit pentru site-uri web mai complexe, cum ar fi comerțul electronic.

Ce sfat ai avea pentru cineva care se pregătește să se mute în Trellis?

Dacă intenționați să dezvoltați un site personalizat în Trellis, trebuie să fiți competent cel puțin în HTML și CSS. JS și PHP sunt, de asemenea, un plus.

Puteți scăpa cu crearea unui site web folosind doar opțiunile de personalizare oferite de Trellis, dar veți fi limitat în ceea ce puteți face. Dacă doriți cu adevărat să profitați la maximum de acest cadru și să aveți control creativ total asupra front-end-ului, trebuie să fiți capabil să stilați și să construiți totul singur într-o anumită măsură.

Dacă nu l-ați descoperit încă, vă recomand cu căldură să utilizați Chrome DevTools pentru lucrul dev. Aceasta a fost o mană cerească pentru mine când am intrat prima oară în dezvoltare și mi-a deschis cu adevărat ochii asupra multor cunoștințe tehnice. Încă îl folosesc zilnic și cu siguranță când lucram cu Trellis.

Care este caracteristica ta preferată a Trellis?

Îmi place cum dezvoltatorii Trellis au făcut tot posibilul pentru a încorpora cât mai multe optimizări ale vitezei în Trellis în sine, eliminând astfel necesitatea de a instala pluginuri suplimentare. Minimizarea CSS/JS, încărcarea leneră a imaginilor și injecțiile de cod sunt toate gestionate de Trellis, ceea ce înseamnă că nu trebuie să folosesc pluginuri precum Autoptimize, Code Snippets sau Asset CleanUp.

Acestea fiind spuse, încă folosesc WPRocket ca plugin de cache, fiind unul dintre cele mai bune de acest fel IMO. Mă asigur doar că dezactivez gestionarea optimizărilor CSS, HTML și JS, astfel încât să nu intre în conflict cu propriile caracteristici ale lui Trellis.

Alte comentarii despre experiența ta?

Pentru creatorii de conținut care doresc să-și eficientizeze site-ul și poate să învețe ceva sau două despre dezvoltarea web, Trellis este o opțiune excelentă. Nu are atât de multe funcții ca și alți creatori de teme, dar acesta este probabil un lucru bun. Este mult mai rapid așa și vă va cere să vă gândiți critic la ceea ce doriți să includeți cu adevărat pe blogul sau site-ul dvs.

Mulțumesc, Ralph, că ai vorbit cu noi astăzi. Suntem atât de încântați că Trellis vă ajută să vă ajutați clienții să-și atingă obiectivele de afaceri!

Suntem cu adevărat mândri de rezultatele pe care le-a produs Trellis, iar echipa noastră se angajează să îmbunătățească și să îmbunătățească acest cadru pentru a continua să servească creatorilor de conținut și obiectivelor lor de afaceri. Aflați mai multe despre Trellis și, dacă doriți să citiți mai multe mărturii, consultați celelalte studii de caz.