Entretien avec Ralph Cope : étude de cas Trellis

Si vous êtes un développeur qui crée des sites WordPress pour les créateurs de contenu, cette étude de cas présentant notre framework WordPress, Trellis, est pour vous !

Nous avons créé Trellis pour l'éditeur qui est un expert dans la production de contenu, mais peut-être pas techniquement enclin ou intéressé à consacrer beaucoup de temps à la maintenance des rouages ​​​​d'un site Web. Nous avons conçu Trellis pour des performances maximales dès la sortie de la boîte dans le but spécifique de répondre aux normes strictes Core Web Vitals de Google. Le tout sans nécessiter de savoir-faire technique de la part des créateurs de contenu.

Cependant, nous savons également que parfois un propriétaire de site souhaite un look spécifique ou une fonctionnalité spéciale et a besoin de l'aide d'un développeur pour créer des personnalisations de code pour atteindre cet objectif.

Nous sommes heureux de vous présenter le développeur indépendant Ralph Cope, qui a travaillé avec le framework Trellis sur plusieurs projets et nous rejoint aujourd'hui pour discuter de ses expériences « sous le capot » avec Trellis.

Parlez-nous un peu de vous : depuis combien de temps bloguez-vous et travaillez-vous avec d'autres sites et blogueurs ?

Je travaille avec des blogueurs depuis environ 5 ans maintenant. J'ai commencé comme rédacteur pour un blog de voyage assez important avant de passer à un rôle plus technique. J'ai appris les tenants et les aboutissants du SEO assez tôt et au cours des dernières années, je me suis beaucoup impliqué dans l'aspect plus technique des choses, par exemple le développement, l'optimisation des performances, les données structurées, le SEO sémantique, etc.

Je suis maintenant un pigiste qui fournit principalement des consultations et des créations de sites Web complets aux clients - les deux avec les pratiques de référencement les plus récentes à l'esprit, bien sûr.

Où avez-vous entendu parler de Trellis pour la première fois ?

Jackson Groves, propriétaire de Journey Era et ami d'un ami, m'a proposé de changer son site pour un nouveau thème. Étant principalement un créateur de contenu, Jackson ne se sentait pas à l'aise pour gérer tout type de travail lié au développement et a demandé mon aide.

En tant que partenaire de Mediavine, Jackson avait entendu parler de Trellis par son point de contact et avait décidé de tenter sa chance. Il a partagé la documentation avec moi et nous nous sommes mis au travail.

Changer de thème et de framework peut être une décision importante. Qu'est-ce qui vous a convaincu d'essayer Trellis ?

Ayant reçu de nombreux commentaires positifs, Jackson était assez catégorique quant à l'utilisation de Trellis. Le principal argument de vente était l'augmentation potentielle des performances et de la vitesse du site Web qu'il promettait. Les projections initiales indiquaient que Trellis réduisait les temps de chargement d'environ 30 % et augmentait les revenus publicitaires à peu près de la même manière.

2021 a également été une année difficile pour Journey Era. Entre plusieurs vagues de COVID et quelques mises à jour de Google à la limite de la cruauté, le site avait perdu une quantité considérable de trafic. S'il y avait un moment pour essayer quelque chose de nouveau, comme changer de thème, c'était bien celui-là.

Avec quels thèmes/frameworks WordPress (ou CMS) avez-vous travaillé avant Trellis ?

Personnellement, j'ai travaillé avec plusieurs thèmes différents avant Trellis, y compris, mais sans s'y limiter :

• Thèmes enfants
• Constructeurs de thèmes, par exemple Elementor, Kadence et Thrive
• Thèmes sur mesure au niveau de l'entreprise

Quels problèmes techniques espériez-vous résoudre avec Trellis ?

Principalement les performances du site et les temps de chargement. Trellis a été commercialisé comme le premier thème jamais construit avec Google Core Web Vitals à l'esprit, donc cela semblait être le choix logique.

Cela étant dit, Journey Era était déjà assez rapide avant que je commence à travailler dessus. Les temps de chargement moyens des pages étaient d'environ 785 millisecondes (0,785 seconde) selon les repères initiaux que j'ai pris, ce qui est déjà un nombre assez impressionnant. Trellis et moi aurions du pain sur la planche si nous voulions vraiment réduire les temps de chargement.

A-t-il été facile pour vous de configurer Trellis sur un site Web ? Le processus s'est-il bien déroulé ?

Trellis semble être un cadre très simple mais a beaucoup de complexités sous le capot. La façon dont il est codé (le PHP et ainsi de suite) est assez différente de tout autre thème que j'ai utilisé auparavant. Inutile de dire qu'il y avait un peu de courbe d'apprentissage au début.

Au début, Trellis se sentait assez rigide pour travailler avec. Il existe des options intégrées relativement limitées en matière de personnalisation de thème (par rapport à d'autres constructeurs de thèmes), ce qui est une décision que j'imagine que les développeurs de Trellis ont prise intentionnellement afin de le garder aussi léger que possible.

Cela signifiait que je devais styliser le site directement en utilisant mes propres HTML et CSS.

Après avoir appris à mieux le connaître, j'ai vraiment commencé à apprécier davantage le framework Trellis. Oui, j'ai dû personnaliser presque tout moi-même - y compris certains JS et PHP spéciaux - mais une fois que j'ai eu mon rythme, j'ai vraiment apprécié le travail. À la fin, j'ai fini par apprendre quelques nouvelles astuces pour le développement de sites Web.

Avez-vous effectué des travaux personnalisés sur le site (par exemple, une page d'accueil ou une mise en page personnalisée) ? Si oui, était-il facile/difficile de travailler dans l'environnement Trellis ?

Il y avait quelques fonctions qui devaient être intégrées dans la nouvelle construction du site à l'aide de Trellis qui ne pouvaient malheureusement pas être réalisées en utilisant du CSS ou du HTML pur. En tant que tel, nous avons dû recourir à la création d'un thème enfant, ce que j'aime généralement éviter par expérience.

La configuration d'un thème enfant pour Trellis est également un cas unique, encore une fois principalement en raison de la façon dont le cadre est construit. Heureusement, l'équipe de développement de Mediavine a été très utile en matière de dépannage et a fait tout son possible pour aider à expliquer les choses.

Quelles améliorations avez-vous remarquées avec Trellis ? (Vitesse du site, scores CLS, trafic, revenus, etc.)

Nous avons d'abord construit le nouveau site en utilisant Trellis sur un environnement de staging et avons exécuté un certain nombre de tests de performance pour suivre les performances. Une fois que le nouveau site était prêt à 100 %, nous l'avons mis en production, l'avons laissé reposer pendant une semaine, puis avons effectué une dernière série de tests de performances. Tous les benchmarks ont été effectués à l'aide de GTMetrix.

Dans l'ensemble, tous les indicateurs de performance clés ont affiché une évolution positive. La première peinture de contenu, la plus grande peinture de contenu, le temps d'interaction et le temps de blocage total* ont tous été améliorés (ce qui signifie moins de temps de chargement) d'environ 30 à 40 %. L'indice de vitesse, qui se traduit approximativement par le temps de chargement total, a connu des améliorations marginales mais s'est néanmoins amélioré.

Les vrais fruits de notre travail ont montré peu de temps après les derniers repères. Un mois après la mise en œuvre de Trellis et la réalisation d'un audit SEO approfondi du site, le trafic a augmenté de 140 %, c'est-à-dire plus que doublé. Les revenus publicitaires ont également augmenté un peu.

* Ces quatre mesures (FCP, LCP, TTI et TBT) sont affichées en premier lieu lorsque quelqu'un exécute un test Google Lighthouse sur une page donnée. De manière générale, ce sont de bons indicateurs pour juger des temps de chargement globaux des pages.

Recommanderiez-vous Trellis à d'autres développeurs et blogueurs ? Pourquoi ou pourquoi pas?

Oui, je recommanderais Trellis à tout blogueur ou développeur à la recherche d'un thème/framework léger pour son site. Malgré la courbe d'apprentissage, Trellis s'est avéré être un bon interprète et un bon retour sur investissement.

Je dirai cependant que je ne peux que recommander Trellis pour le moment aux créateurs de contenu. Bien qu'il fasse un bon travail de gestion et de rendu optimal du contenu du blog, je ne sais pas si ou comment il pourrait être utilisé pour des sites Web plus complexes, comme le commerce électronique.

Quels conseils donneriez-vous à quelqu'un qui s'apprête à déménager à Trellis ?

Si vous envisagez de développer un site personnalisé dans Trellis, vous devez être compétent au moins en HTML et CSS. JS et PHP sont également un plus.

Vous pouvez créer un site Web en utilisant uniquement les options de personnalisation fournies par Trellis, mais vous serez limité dans ce que vous pouvez faire. Si vous voulez vraiment tirer le meilleur parti de ce framework et avoir un contrôle créatif total sur le frontend, vous devez être capable de tout styliser et de tout construire vous-même dans une certaine mesure.

Si vous ne l'avez pas encore découvert, je vous recommande fortement d'utiliser Chrome DevTools pour le travail de développement. Ce fut une aubaine pour moi lorsque je suis entré dans le développement et que j'ai vraiment ouvert les yeux sur beaucoup de savoir-faire technique. Je l'utilise toujours au quotidien et certainement quand je travaillais avec Trellis.

Quelle est votre fonctionnalité préférée de Trellis ?

J'aime la façon dont les développeurs de Trellis ont fait de leur mieux pour intégrer autant d'optimisations de vitesse que possible dans Trellis lui-même, supprimant ainsi la nécessité d'installer des plugins supplémentaires. La minimisation CSS/JS, le chargement paresseux des images et les injections de code sont tous gérés par Trellis, ce qui signifie que je n'ai pas besoin d'utiliser des plugins comme Autoptimize, Code Snippets ou Asset CleanUp.

Cela étant dit, j'utilise toujours WPRocket comme plugin de mise en cache, car c'est l'un des meilleurs du genre IMO. Je m'assure simplement de désactiver sa gestion des optimisations CSS, HTML et JS afin qu'elle n'entre pas en conflit avec les propres fonctionnalités de Trellis.

D'autres commentaires sur votre expérience ?

Pour les créateurs de contenu qui cherchent à rationaliser leur site et peut-être apprendre une chose ou deux sur le développement Web, Trellis est une excellente option. Il n'a pas autant de fonctionnalités que les autres constructeurs de thèmes, mais c'est probablement une bonne chose. C'est beaucoup plus rapide de cette façon et cela vous obligera à réfléchir de manière critique à ce que vous voulez vraiment inclure sur votre blog ou votre site.

Merci, Ralph, d'avoir discuté avec nous aujourd'hui. Nous sommes ravis que Trellis vous aide à aider vos clients à atteindre leurs objectifs commerciaux !

Nous sommes vraiment fiers des résultats que Trellis a produits, et notre équipe s'engage à améliorer et à améliorer ce cadre pour continuer à servir les créateurs de contenu et leurs objectifs commerciaux. En savoir plus sur Trellis, et si vous souhaitez lire plus de témoignages, consultez nos autres études de cas.