Intervista a Ralph Cope: caso di studio su traliccio

Se sei uno sviluppatore che crea siti WordPress per creatori di contenuti, questo case study con il nostro framework WordPress, Trellis, è per te!

Abbiamo creato Trellis per l'editore che è un esperto nella produzione di contenuti, ma forse non incline tecnicamente o interessato a dedicare molto tempo alla manutenzione dei dadi e dei bulloni di un sito web. Abbiamo progettato Trellis per le massime prestazioni fin da subito con l'obiettivo specifico di soddisfare i severi standard Core Web Vitals di Google. Il tutto senza richiedere alcuna competenza tecnica ai creatori di contenuti.

Tuttavia, sappiamo anche che a volte il proprietario di un sito desidera un aspetto specifico o una funzionalità speciale e ha bisogno dell'aiuto di uno sviluppatore per creare personalizzazioni del codice per raggiungere tale scopo.

Siamo lieti di presentare lo sviluppatore freelance Ralph Cope, che ha lavorato con il framework Trellis su diversi progetti e si unisce a noi oggi per discutere le sue esperienze "sotto il cofano" con Trellis.

Raccontaci un po' di te: da quanto tempo blogghi e lavori con altri siti e blogger?

Lavoro con blogger da circa 5 anni. Ho iniziato come scrittore per un blog di viaggi abbastanza grande prima di passare a un ruolo più tecnico. Ho imparato i dettagli della SEO abbastanza presto e negli ultimi anni sono diventato piuttosto coinvolto negli aspetti più tecnici delle cose, ad esempio sviluppo, ottimizzazione delle prestazioni, dati strutturati, SEO semantica, ecc.

Ora sono un libero professionista che fornisce principalmente consulenze e build di siti Web completi ai clienti, entrambi con in mente le pratiche SEO più aggiornate, ovviamente.

Dove hai sentito parlare per la prima volta di Trellis?

Jackson Groves, proprietario di Journey Era e amico di un amico, mi ha contattato per passare il suo sito a un nuovo tema. Essendo principalmente un creatore di contenuti, Jackson non si sentiva a suo agio nel gestire alcun tipo di lavoro relativo allo sviluppo e ha chiesto il mio aiuto.

Essendo un partner di Mediavine, Jackson aveva sentito parlare di Trellis dal suo punto di contatto e ha deciso di provarci. Ha condiviso la documentazione con me e ci siamo messi al lavoro.

Cambiare temi e framework può essere una decisione importante. Cosa ti ha convinto a provare Trellis?

Avendo ricevuto molti feedback positivi, Jackson è stato piuttosto irremovibile sull'utilizzo di Trellis. Il più grande punto di forza è stato il potenziale aumento delle prestazioni del sito Web e della velocità che ha promesso. Le proiezioni iniziali indicavano che Trellis avrebbe ridotto i tempi di caricamento di circa il 30% e aumentato le entrate pubblicitarie più o meno allo stesso modo.

Il 2021 è stato anche un anno difficile per Journey Era. Tra diverse ondate di COVID e alcuni aggiornamenti di base di Google crudeli al limite, il sito aveva perso una notevole quantità di traffico. Se c'era mai stato un momento per provare qualcosa di nuovo, come cambiare tema, era quello.

Con quali temi/framework (o CMS) di WordPress hai lavorato prima di Trellis?

Personalmente, ho lavorato con diversi temi prima di Trellis, inclusi ma non limitati a:

• Temi per bambini
• Costruttori di temi, ad esempio Elementor, Kadence e Thrive
• Temi su misura a livello aziendale

Quali problemi tecnici speravi di risolvere con Trellis?

Principalmente prestazioni del sito e tempi di caricamento. Trellis è stato commercializzato come il primo tema mai creato pensando a Google Core Web Vitals, quindi sembrava la scelta logica.

Detto questo, Journey Era era già abbastanza veloce prima che iniziassi a lavorarci. I tempi medi di caricamento della pagina erano di circa 785 millisecondi (0,785 secondi) secondo i benchmark iniziali che ho preso, che è già un numero piuttosto impressionante. Trellis e io ci saremmo ritagliati del lavoro se fossimo seriamente intenzionati a ridurre i tempi di caricamento.

Quanto è stato facile per te configurare Trellis su un sito web? Il processo è andato liscio?

Trellis sembra essere un framework molto semplice ma ha molte complessità sotto il cofano. Il modo in cui è codificato (il PHP e quant'altro) è abbastanza diverso da qualsiasi altro tema che ho usato prima. Inutile dire che all'inizio c'era un po' di curva di apprendimento.

All'inizio, Trellis si sentiva abbastanza rigido con cui lavorare. Ci sono opzioni integrate relativamente limitate quando si tratta di personalizzazione del tema (rispetto ad altri costruttori di temi), che è una decisione che immagino gli sviluppatori di Trellis abbiano preso intenzionalmente per mantenerlo il più leggero possibile.

Ciò significava che avrei dovuto modellare il sito direttamente utilizzando il mio HTML e CSS.

Dopo averlo conosciuto meglio, ho davvero iniziato ad apprezzare di più il framework Trellis. Sì, ho dovuto personalizzare quasi tutto da solo, inclusi alcuni JS e PHP speciali, ma una volta ottenuto il mio ritmo, il lavoro mi è piaciuto molto. Alla fine, ho finito per imparare alcuni nuovi trucchi per lo sviluppo di siti web.

Hai svolto un lavoro personalizzato sul sito (ad esempio, una home page personalizzata o un layout di post)? Se sì, quanto è stato facile/difficile lavorare all'interno dell'ambiente Trellis?

C'erano alcune funzioni che dovevano essere integrate nella nuova build del sito utilizzando Trellis che sfortunatamente non potevano essere eseguite utilizzando CSS o HTML puri. In quanto tale, abbiamo dovuto ricorrere alla creazione di un tema per bambini, cosa che di solito mi piace evitare solo per esperienza.

Anche l'impostazione di un tema figlio per Trellis è un caso un po' unico, ancora principalmente a causa del modo in cui è costruito il framework. Fortunatamente, il team di sviluppo di Mediavine è stato molto utile quando si trattava di risolvere i problemi e in realtà ha fatto di tutto per aiutare a spiegare le cose.

Quali miglioramenti hai notato con Trellis? (Velocità del sito, punteggi CLS, traffico, guadagni, ecc.)

Abbiamo creato il nuovo sito utilizzando Trellis prima su un ambiente di gestione temporanea ed eseguito una serie di benchmark per monitorare le prestazioni. Una volta che il nuovo sito era pronto al 100%, lo abbiamo messo in produzione, lo abbiamo lasciato riposare per una settimana e poi abbiamo eseguito una serie finale di benchmark. Tutti i benchmark sono stati presi utilizzando GTMetrix.

Nel complesso, tutte le metriche chiave della performance hanno mostrato un movimento positivo. La prima pittura ricca di contenuti, la pittura più ricca di contenuti, il tempo per l'interazione e il tempo di blocco totale* sono stati tutti migliorati (il che significa meno tempo di caricamento) di circa il 30-40%. L'indice di velocità, che si traduce approssimativamente in tempo di caricamento totale, ha visto miglioramenti marginali ma comunque migliorato.

I veri frutti del nostro lavoro si sono manifestati poco dopo i benchmark finali. Entro un mese dall'implementazione di Trellis e dall'esecuzione di un accurato audit SEO del sito, il traffico è aumentato del 140%, ovvero più che raddoppiato. Anche le entrate pubblicitarie sono aumentate un po'.

* Queste quattro metriche (FCP, LCP, TTI e TBT) vengono visualizzate innanzitutto quando qualcuno esegue un test di Google Lighthouse su una determinata pagina. In generale, sono buoni indicatori quando si giudicano i tempi di caricamento complessivi della pagina.

Consiglieresti Trellis ad altri sviluppatori e blogger? Perché o perché no?

Sì, consiglierei Trellis a qualsiasi blogger o sviluppatore che cercava un tema/framework leggero per il proprio sito. Nonostante la curva di apprendimento, Trellis si è dimostrato un buon rendimento e ritorno sull'investimento.

Dirò però che al momento posso solo consigliare Trellis ai creatori di contenuti. Sebbene svolga un buon lavoro di gestione e rendering dei contenuti del blog in modo ottimale, non so se o come potrebbe essere utilizzato per siti Web più complessi, come l'e-commerce.

Che consiglio daresti a qualcuno che si prepara a trasferirsi a Trellis?

Se hai intenzione di sviluppare un sito personalizzato in Trellis, devi essere competente almeno in HTML e CSS. JS e PHP sono anche un vantaggio.

Potresti cavartela creando un sito Web utilizzando solo le opzioni di personalizzazione fornite da Trellis, ma sarai limitato in ciò che puoi fare. Se vuoi davvero ottenere il massimo da questo framework e avere il controllo creativo totale del frontend, devi essere in grado di modellare e costruire tutto da solo in una certa misura.

Se non l'hai ancora scoperto, ti consiglio vivamente di utilizzare Chrome DevTools per il lavoro di sviluppo. Questa è stata una manna dal cielo per me quando sono entrato per la prima volta nello sviluppo e mi ha davvero aperto gli occhi su un sacco di know-how tecnico. Lo uso ancora quotidianamente e sicuramente quando lavoravo con Trellis.

Qual è la tua caratteristica preferita di Trellis?

Mi piace il modo in cui gli sviluppatori di Trellis hanno fatto del loro meglio per incorporare il maggior numero possibile di ottimizzazioni di velocità in Trellis stesso, eliminando così la necessità di installare plug-in aggiuntivi. La minimizzazione CSS/JS, il caricamento lento delle immagini e le iniezioni di codice sono tutti gestiti da Trellis, il che significa che non è necessario utilizzare plug-in come Autoptimize, Code Snippets o Asset CleanUp.

Detto questo, uso ancora WPRocket come plug-in di memorizzazione nella cache, poiché è uno dei migliori IMO del suo genere. Mi assicuro solo di disattivare la gestione delle ottimizzazioni CSS, HTML e JS in modo che non sia in conflitto con le funzionalità di Trellis.

Altri commenti sulla tua esperienza?

Per i creatori di contenuti che stanno cercando di ottimizzare il proprio sito e magari imparare una o due cose sullo sviluppo web, Trellis è un'ottima opzione. Non ha tante funzionalità come altri costruttori di temi là fuori, ma probabilmente è una buona cosa. È molto più veloce in questo modo e ti richiederà di pensare in modo critico a ciò che vuoi davvero includere nel tuo blog o sito.

Grazie, Ralph, per aver chattato con noi oggi. Siamo così felici che Trellis ti stia aiutando ad aiutare i tuoi clienti a raggiungere i loro obiettivi di business!

Siamo davvero orgogliosi dei risultati che Trellis ha prodotto e il nostro team si impegna a migliorare e potenziare questo framework per continuare a servire i creatori di contenuti e i loro obiettivi aziendali. Scopri di più su Trellis e, se desideri leggere altre testimonianze, dai un'occhiata ai nostri altri casi di studio.