¿Páginas web y tiendas online con WordPress optimizadas para el CO₂? Nuestra agencia asociada ecombee es consciente de ello. Como proveedor de alojamiento web especialmente sostenible, el tema de WordPress "verde" nos interesa mucho. Por eso hemos preguntado a Patrick Losert, de ecombee, cómo se pueden planificar proyectos web más ecológicos.

Patrick, diseñas sitios web optimizados para el CO₂ y tiendas online con WordPress. ¿Cuáles son las palancas clave de tu trabajo para que los resultados sean más sostenibles?

En los últimos 12 años que llevo trabajando con WordPress, he podido adquirir mucha experiencia con una gran variedad de configuraciones. Desde pequeños sitios web y páginas de aterrizaje de validación de mercado hasta grandes soluciones para comunidades, SaaS y tiendas online. Algunas funcionaban mejor y otras peor en términos de rendimiento, usabilidad, integración y mantenimiento.

Durante este tiempo, sin embargo, el rendimiento y la facilidad de mantenimiento se convirtieron en las cuestiones más importantes. Y el rendimiento y la facilidad de mantenimiento suelen ir acompañados de una menor utilización del tráfico y de los servidores, lo que a su vez significa un menor consumo energético de la infraestructura, es decir, un efecto positivo en términos de emisiones de CO₂ (en pocas palabras, toda la construcción es, por supuesto, mucho más compleja).

Más rendimiento no significa automáticamente menos CO₂.

Se pueden hacer muchos trucos con el rendimiento, que no reducen realmente el consumo de energía, como la carga posterior de scripts. En mi opinión, el tema de la mantenibilidad también repercute en las emisiones de CO₂, ya que un esfuerzo de mantenimiento elevado y muchas pruebas tras las actualizaciones y ajustes requieren naturalmente más recursos (técnicos y humanos).

Así que si optimizamos el rendimiento y la mantenibilidad en la medida de lo posible, esto ya es la mitad del camino hacia soluciones optimizadas para el CO₂. A continuación, examinamos los cuellos de botella restantes y adaptamos nuestras configuraciones en consecuencia. Las palancas centrales son definitivas:

• Utiliza un tema de WordPress de alto rendimiento. Confiamos en GeneratePress el 99% de las veces, ya que la integración con GenerateBlocks es perfecta y cubre el 90% de los componentes necesarios.
• Utiliza el menor número posible de plugins de WordPress.
• Los plugins que se utilicen deben estar programados e integrados con un alto rendimiento.
• Optimiza todas las imágenes y gráficos automáticamente.
• Todas las hojas de estilo y scripts también deben optimizarse y cargarse sólo donde sean necesarios.
• Una integración CDN limpia.
• Un host de WordPress muy bueno y de alto rendimiento como Raidboxes 😉

Aquí tienes una visión de los temas y plugins de WordPress que utilizamos en la mayoría de nuestros proyectos:

• GeneratePress, GP Premium, GenerateBlocks, GenerateBlocks Pro, FluentForms Pro, Postman SMTP, Perfmatters, ACF Pro
• El plugin LazyBlocks, con el que hemos desarrollado varios bloques e integraciones personalizados de Gutenberg
• En situaciones complejas, utilizamos el JetEngine de Crocoblock, que hemos modificado para hacerlo más eficaz.

También utilizamos la configuración anterior para las tiendas WooCommerce , junto con Mollie como solución de pago. Complementamos las tiendas online a petición del cliente con módulos especialmente desarrollados y nuestro GP Child Theme, ya que los plugins de WooCommerce pueden crear rápidamente una sobrecarga de código, que nosotros evitamos.

Alternativas a las complejas configuraciones de WordPress

¿Tus clientes tienen que prescindir de funciones individuales o de sitios web con un diseño especialmente elaborado para que tú consigas tu objetivo? ¿Cómo gestionas las peticiones de los clientes que generan mucho tráfico y carga?

Nadie tiene que prescindir de nada que sea absolutamente necesario. Cada elemento puede optimizarse hasta reducirlo al mínimo. Sin embargo, también considero parte de nuestro servicio de consultoría señalar los "trucos innecesarios" y ofrecer alternativas.

Sin embargo, nuestro objetivo siempre se alcanza al 100% siempre que optimicemos los elementos, ya que incluso un ahorro de unos pocos kilobytes en sitios con mucho tráfico tiene un efecto real. Esto significa que incluso un sitio web muy "intensivo en CO₂" con muchas imágenes y vídeos tiene un efecto positivo con nuestra configuración, ya que sin optimización se consumiría mucha más energía.

Para sitios con mucho tráfico, además del alojamiento escalable, por supuesto, absorbemos mucho con nuestra integración de CDN y scripts de trabajador. Esto distribuye la carga y ahorra recursos. Por eso espero con impaciencia la nueva infraestructura prevista de Raidboxes 🙂 .

Plugins y temas de WordPress como palancas

Los plugins de WordPress también pueden desarrollarse de forma sostenible, consulta esta entrevista. ¿Tú también quieres utilizar tus propios plugins, funciones o temas en el futuro?

Danny van Kooten, a quien entrevistaste, es un gran tipo. Merece la pena leer el artículo. Yo he adoptado su enfoque en el pasado y he confiado en mis propios plugins y módulos para garantizar el rendimiento. Y para cargar únicamente los scripts y el código que son realmente necesarios.

En mi opinión, el diseño y las funciones han sido una prioridad mayor para la mayoría de los desarrolladores de plugins que el rendimiento y el ahorro de recursos. Pero espero que eso cambie 🙂 .

Como queremos conseguir el mayor efecto posible en la optimización del CO₂ sin invertir muchos recursos en mantener el código de los plugins y temas de WordPress, no publicamos nuestros plugins y módulos. Servir a las masas y a las configuraciones con ellos no nos parece suficientemente escalable y mantenible. Por tanto, en nuestras configuraciones seguiremos utilizando únicamente nuestras soluciones de WordPress desarrolladas previamente.

Cuando realizamos auditorías y optimizaciones de CO₂ en otras configuraciones, trabajamos con los recursos y opciones disponibles en ellas, ya que muy pocos clientes están dispuestos a que les recreen su sitio .

Actualmente estamos trabajando en una solución que no sólo optimiza las páginas de WordPress, sino que también puede utilizarse con cualquier pila web. Esto nos dará un impacto mucho más sostenible. Y sin tener que prestar demasiada atención a un software especial.

La auditoría de CO₂

Ofreces una auditoría de rendimiento y CO₂ antes de un proyecto. ¿Cómo lo hacéis exactamente y qué herramientas utilizáis?

Nuestra auditoría está dirigida a sitios web, tiendas online y aplicaciones web existentes. Actualmente estamos automatizando el proceso. En primer lugar, utilizamos una combinación de Webpagetest, CO2.js, Wappalyzer y Firefox Performance Profiler para crear un informe de auditoría exhaustivo a partir de los datos. A continuación, el informe muestra detalladamente dónde y cuánto potencial de optimización existe.

A continuación, comparamos estos resultados con nuestros procesos y soluciones de optimización existentes y los utilizamos para crear un plan de optimización. En algunos casos, también creamos auditorías de pilas web con las que aún no estamos familiarizados y luego aprendemos cómo se pueden optimizar.

Este plan de optimización da como resultado una recomendación de actuación y el alcance estimado de la optimización. Ofrecemos este plan de optimización a nuestros clientes, ya sea realizado por nosotros o por su propio equipo. Una vez aplicada la optimización, volvemos a revisarlo todo.

Ofrecemos nuestro paquete de auditorías semanales o mensuales para garantizar que todo esto no sea algo puntual, sino que continúe de forma continuada. Como su nombre indica, realizamos una auditoría a intervalos recurrentes. Y si se siguen cumpliendo todos los criterios del plan de optimización, nuestros clientes reciben nuestro sello CO₂ Optimizado.

Pensamos largo y tendido sobre la conveniencia de crear una etiqueta y al final nos decidimos por ella. Menos como efecto de marketing y más como prueba de que se está llevando a cabo una optimización continua y de que realmente se están ahorrando emisiones de CO₂.

Iniciarse en el desarrollo web sostenible

¿Qué consejos tienes para los desarrolladores de WordPress? ¿Cómo iniciarse en el desarrollo web sostenible?

Hay grandes páginas de información como

• diseñoweb sostenible.org
• Fundación Web Verde
• fershad.com

Además, toda persona debería ocuparse del tema de las emisiones de CO₂. A veces es muy complejo y opaco, pero creo que es esencial comprender cómo se relaciona el desarrollo web con las emisiones de CO₂.

En cuanto al desarrollo del software en sí, recomendamos crear un concepto desde el principio y comprobar qué se necesita realmente. Por ejemplo, qué frameworks u otros recursos de terceros son realmente necesarios. Es mejor desarrollar tú mismo un módulo que cargarle un potente framework. Esto puede suponer inicialmente un mayor esfuerzo de programación, pero en términos de masa de clientes potenciales, supone un enorme ahorro y valor añadido, de acuerdo con el principio de Danny van Kooten. Además, siempre aprendes algo nuevo cuando programas algo tú mismo.

Y sobre todo: escribe código limpio y de alto rendimiento, para ello ya existen complementos para entornos de desarrollo como CodeSniffer, Clean Code, etc. Y si es posible, utiliza la caché. Pero sobre todo: ten el valor de cometer errores. Y también perseverancia. Es mejor tener un pequeño impacto y aprender de él que ningún impacto y ocultarlo. Nosotros mismos lo experimentamos cada día 🙂 .

¿Cómo surgió tu idea de negocio especial y qué reacciones recibes?

La idea de negocio surgió en el transcurso del último gran proyecto de una start-up para la que trabajábamos. Teníamos que construir un mercado multiproveedor en B2C y el tema de la sostenibilidad también estaba a la vanguardia de la tecnología. El resultado de esto, unido a la motivación interna de ayudar a dar forma al cambio sostenible en la web, dio lugar a nuestro modelo de negocio.

Sin embargo, la base de todo ha estado con nosotros durante todos los años que llevamos trabajando en el rendimiento y la sostenibilidad. Era el momento adecuado para nosotros, digámoslo así 🙂 .

Hasta ahora, hemos recibido muchos comentarios positivos sobre nuestro servicio y el equipo, pero también críticas sobre temas concretos, como la transparencia de las emisiones de CO₂. Estamos muy satisfechos con ambas cosas. Por un lado, el hecho de que nuestros productos se expliquen por sí mismos y que trabajemos con nuestros clientes para que su futuro en la web sea más sostenible. Por otro, también apreciamos las críticas que nos permiten medirnos y mejorar constantemente.

El tema de la transparencia es tan polifacético, complejo y requiere tanta formación y contenido que no podemos abordarlo todo a la vez. Sabemos que no podemos hacerlo todo completamente bien desde el principio. Pero también en este caso agradecemos todas las críticas y sugerencias. Y, sin embargo, estamos orgullosos de lo que ya hemos conseguido. Nuestro lema es alcanzar nuestro objetivo con pasos pequeños pero constantes y sostenibles.

Hosting WordPress ecológico

¿Por qué trabajas con Raidboxes ? ¿Cómo te ayudamos concretamente a realizar proyectos WordPress sostenibles?

Trabajamos con Raidboxes porque, además de su sostenibilidad en la empresa y su alojamiento ecológico, nos quita mucho trabajo de encima. Por ejemplo, en cuanto a creación de páginas, configuración del servidor, caché, copias de seguridad, rendimiento, seguridad y configuración de WordPress.

Vuestros servidores también están situados en Alemania, que es un criterio importante para la mayoría de los clientes, especialmente en B2B. Vuestro soporte es de los mejores que hemos experimentado hasta ahora, lo que nos resulta de gran ayuda. Así que, para nosotros, todo esto forma un gran paquete global que, además, es sostenible.

¿Algunas palabras sobre ti y tu equipo?

Llevo varios años viajando por el mundo como nómada digital y he podido conocer así tantas culturas, personas y proyectos diferentes, que me llena de gratitud. En este largo viaje se han desarrollado estrechas amistades y colaboraciones. Siempre me alegra poder dar forma al aquí y ahora y al futuro junto con estas personas.

Una experiencia muy importante que pude hacer fue que cada una de estas personas sigue su propio camino en la vida y que el cambio forma parte de él. Que las estructuras rígidas no funcionan para mucha gente y que la libertad profesional es intrínsecamente motivadora. La carga de trabajo de cada persona también es siempre diferente en nuestros proyectos.

Por eso decidimos trabajar en un equipo de personas independientes bajo una misma marca, para no perder agilidad y creatividad y que cada uno contribuya en la medida de sus necesidades. Soy un gran fan de este tipo de equipo porque tenemos muy pocos conflictos y cada miembro del equipo puede seguir su propio "por qué" sin perder creatividad ni productividad.

Todo esto suena muy filosófico, pero para nosotros es una importante piedra angular para el éxito de la colaboración. Estoy agradecido y orgulloso de formar parte de este equipo.