Entrevista a Ralph Cope: estudio de caso de Trellis

Si es un desarrollador que crea sitios de WordPress para creadores de contenido, ¡este estudio de caso que presenta nuestro marco de trabajo de WordPress, Trellis, es para usted!

Creamos Trellis para el editor que es un experto en la producción de contenido, pero que tal vez no tenga inclinación técnica o esté interesado en dedicar mucho tiempo al mantenimiento de los elementos básicos de un sitio web. Diseñamos Trellis para obtener el máximo rendimiento desde el primer momento con el objetivo específico de cumplir con los estrictos estándares Core Web Vitals de Google. Todo sin requerir ningún conocimiento técnico de los creadores de contenido.

Sin embargo, también sabemos que, a veces, el propietario de un sitio desea una apariencia específica o una característica especial y necesita la ayuda de un desarrollador para crear personalizaciones de código para lograr ese fin.

Nos complace presentar al desarrollador independiente Ralph Cope, quien ha trabajado con el marco Trellis en varios proyectos y se une a nosotros hoy para hablar sobre sus experiencias "bajo el capó" con Trellis.

Cuéntanos un poco sobre ti: ¿Cuánto tiempo llevas blogueando y trabajando con otros sitios y blogueros?

He estado trabajando con bloggers durante unos 5 años. Empecé como escritora de un blog de viajes bastante grande antes de pasar a un puesto más técnico. Aprendí los entresijos del SEO bastante pronto y en los últimos años me he involucrado bastante en el lado más técnico de las cosas, por ejemplo, desarrollo, optimización del rendimiento, datos estructurados, SEO semántico, etc.

Ahora soy un profesional independiente que brinda principalmente consultas y crea sitios web completos a los clientes, ambos con las prácticas de SEO más actualizadas en mente, por supuesto.

¿Dónde oyó hablar por primera vez de Trellis?

Jackson Groves, propietario de Journey Era y amigo de un amigo, se acercó a mí para cambiar su sitio a un nuevo tema. Siendo principalmente un creador de contenido, Jackson no se sentía cómodo manejando ningún tipo de trabajo relacionado con el desarrollo y me pidió ayuda.

Como socio de Mediavine, Jackson había oído hablar de Trellis a través de su punto de contacto y decidió intentarlo. Compartió la documentación conmigo y nos pusimos a trabajar.

Cambiar de tema y marco puede ser una gran decisión. ¿Qué te convenció de probar Trellis?

Habiendo recibido muchos comentarios positivos, Jackson se mostró bastante firme en el uso de Trellis. El punto de venta más importante fue el aumento potencial en el rendimiento del sitio web y la velocidad que prometía. Las proyecciones iniciales apuntaban a que Trellis reduciría los tiempos de carga en alrededor de un 30 % y aumentaría los ingresos publicitarios en aproximadamente lo mismo.

2021 también fue un año difícil para Journey Era. Entre varias oleadas de COVID y algunas actualizaciones de núcleo amplio de Google casi crueles, el sitio había perdido una cantidad considerable de tráfico. Si alguna vez hubo un momento para probar algo nuevo, como cambiar de tema, fue este.

¿Con qué temas/frameworks (o CMS) de WordPress ha trabajado antes de Trellis?

Personalmente, he trabajado con varios temas diferentes antes de Trellis, incluidos, entre otros:

• Temas secundarios
• Constructores de temas, por ejemplo, Elementor, Kadence y Thrive
• Temas personalizados de nivel empresarial

¿Qué problemas técnicos esperaba resolver con Trellis?

Principalmente el rendimiento del sitio y los tiempos de carga. Trellis se comercializó como el primer tema creado con Google Core Web Vitals en mente, por lo que parecía la opción lógica.

Dicho esto, Journey Era ya era bastante rápido antes de que comenzara a trabajar en él. Los tiempos promedio de carga de la página fueron de alrededor de 785 milisegundos (0,785 segundos) según los puntos de referencia iniciales que tomé, que ya es un número bastante impresionante. Trellis y yo tendríamos mucho trabajo por hacer si nos tomamos en serio la reducción de los tiempos de carga.

¿Qué tan fácil fue para usted configurar Trellis en un sitio web? ¿El proceso transcurrió sin problemas?

Trellis parece ser un marco muy simple pero tiene muchas complejidades debajo del capó. La forma en que está codificado (el PHP y demás) es bastante diferente de cualquier otro tema que haya usado antes. No hace falta decir que hubo un poco de curva de aprendizaje al principio.

Al principio, Trellis se sintió bastante rígido para trabajar. Hay opciones integradas relativamente limitadas en lo que respecta a la personalización de temas (en comparación con otros creadores de temas), que es una decisión que imagino que los desarrolladores de Trellis tomaron intencionalmente para mantenerlo lo más ligero posible.

Esto significaba que tendría que diseñar el sitio directamente usando mi propio HTML y CSS.

Sin embargo, después de conocerlo mejor, realmente comencé a apreciar más el marco Trellis. Sí, tuve que personalizar casi todo yo mismo, incluidos algunos JS y PHP especiales, pero una vez que cogí mi ritmo, realmente disfruté el trabajo. Al final, terminé aprendiendo algunos trucos nuevos para el desarrollo de sitios web.

¿Hiciste algún trabajo personalizado en el sitio (por ejemplo, una página de inicio personalizada o un diseño de publicación)? Si es así, ¿qué tan fácil/difícil fue trabajar dentro del entorno de Trellis?

Había algunas funciones que debían integrarse en la nueva creación del sitio usando Trellis que, desafortunadamente, no se podían hacer usando CSS o HTML puros. Como tal, tuvimos que recurrir a crear un tema infantil, que es algo que generalmente me gusta evitar solo por experiencia.

La configuración de un tema secundario para Trellis también es un caso único, nuevamente debido principalmente a la forma en que se construye el marco. Afortunadamente, el equipo de desarrollo de Mediavine fue muy útil cuando se trataba de solucionar problemas y, de hecho, hizo todo lo posible para ayudar a explicar las cosas.

¿Qué mejoras ha notado con Trellis? (Velocidad del sitio, puntajes CLS, tráfico, ganancias, etc.)

Construimos el nuevo sitio utilizando Trellis primero en un entorno de prueba y ejecutamos una serie de puntos de referencia para realizar un seguimiento del rendimiento. Una vez que el nuevo sitio estuvo 100% listo para funcionar, lo pusimos en producción, lo dejamos reposar durante una semana y luego ejecutamos un conjunto final de puntos de referencia. Todos los puntos de referencia se tomaron utilizando GTMetrix.

En general, todas las métricas clave de rendimiento mostraron un movimiento positivo. La primera pintura con contenido, la pintura con mayor contenido, el tiempo de interacción y el tiempo total de bloqueo* mejoraron (lo que significa menos tiempo de carga) en aproximadamente un 30-40 %. El índice de velocidad, que se traduce aproximadamente en el tiempo total de carga, experimentó mejoras marginales pero, no obstante, mejoró.

Los verdaderos frutos de nuestro trabajo se mostraron un poco después de los puntos de referencia finales. Un mes después de implementar Trellis y realizar una auditoría SEO exhaustiva del sitio, el tráfico aumentó un 140 %, es decir, se duplicó con creces. Los ingresos por publicidad también aumentaron bastante.

* Estas cuatro métricas (FCP, LCP, TTI y TBT) se muestran ante todo cuando alguien ejecuta una prueba de Google Lighthouse en una página determinada. En términos generales, son buenos indicadores para juzgar los tiempos generales de carga de la página.

¿Recomendaría Trellis a otros desarrolladores y blogueros? ¿Por qué o por qué no?

Sí, recomendaría Trellis a cualquier bloguero o desarrollador que estuviera buscando un marco/tema ligero para su sitio. A pesar de la curva de aprendizaje, Trellis demostró tener un buen rendimiento y un buen retorno de la inversión.

Sin embargo, diré que solo puedo recomendar Trellis en este momento a los creadores de contenido. Si bien hace un buen trabajo al manejar y representar el contenido del blog de manera óptima, no sé si podría usarse para sitios web más complejos, como el comercio electrónico, o cómo.

¿Qué consejo le darías a alguien que se esté preparando para mudarse a Trellis?

Si planea desarrollar un sitio personalizado en Trellis, debe ser competente al menos en HTML y CSS. JS y PHP también son una ventaja.

Puede salirse con la suya creando un sitio web utilizando solo las opciones de personalización proporcionadas por Trellis, pero estará limitado en lo que puede hacer. Si realmente desea aprovechar al máximo este marco y tener un control creativo total de la interfaz, debe poder diseñar y construir todo usted mismo hasta cierto punto.

Si aún no lo ha descubierto, le recomiendo usar Chrome DevTools para el trabajo de desarrollo. Esto fue una bendición para mí cuando comencé a desarrollar y realmente me abrió los ojos a una gran cantidad de conocimientos técnicos. Todavía lo uso a diario y, desde luego, cuando trabajaba con Trellis.

¿Cuál es tu función favorita de Trellis?

Me gusta cómo los desarrolladores de Trellis hicieron todo lo posible para incorporar tantas optimizaciones de velocidad como fuera posible en Trellis, eliminando así la necesidad de instalar complementos adicionales. Trellis maneja la minimización de CSS/JS, la carga diferida de imágenes y las inyecciones de código, lo que significa que no necesito usar complementos como Autoptimize, Code Snippets o Asset CleanUp.

Dicho esto, todavía uso WPRocket como complemento de almacenamiento en caché, ya que es uno de los mejores de su tipo, en mi opinión. Solo me aseguro de desactivar su manejo de las optimizaciones de CSS, HTML y JS para que no entre en conflicto con las funciones propias de Trellis.

¿Algún otro comentario sobre tu experiencia?

Para los creadores de contenido que buscan optimizar su sitio y tal vez aprender una o dos cosas sobre el desarrollo web, Trellis es una excelente opción. No tiene tantas funciones como otros creadores de temas, pero eso probablemente sea algo bueno. Es mucho más rápido de esa manera y requerirá que pienses críticamente sobre lo que realmente quieres incluir en tu blog o sitio.

Gracias, Ralph, por conversar con nosotros hoy. ¡Estamos muy contentos de que Trellis lo ayude a ayudar a sus clientes a alcanzar sus objetivos comerciales!

Estamos realmente orgullosos de los resultados que ha producido Trellis, y nuestro equipo está comprometido a mejorar y mejorar este marco para continuar sirviendo a los creadores de contenido y sus objetivos comerciales. Obtenga más información sobre Trellis y, si desea leer más testimonios, consulte nuestros otros estudios de casos.