Eco Friendly WordPress

¿Cómo puedes conseguir que tu sitio web WordPress sea más sostenible?

Internet es uno de los mayores consumidores de energía de nuestro tiempo. Aquí se incluyen los numerosos sitios web que nos entretienen, nos informan o a través de los cuales compramos. Más de un tercio de ellos funcionan sobre la base de WordPress y WooCommerce. Eso es bastante, y ofrece un gran potencial de ahorro. En este artículo, llegamos al fondo de la cuestión: ¿cómo se pueden hacer sitios web más sostenibles con WordPress?

Todo el mundo lo conoce y todo el mundo lo utiliza: internet. La mitad de la humanidad está ahora en línea y consume datos con diligencia. Tal vez pienses que esto es estupendo, porque nos ahorra la laboriosa producción de libros, catálogos o DVD. Incluso una reunión en línea es mucho mejor que tener que recorrer medio país para una simple conversación, ¿me equivoco?

En principio, todo esto es cierto, pero hay una pega. Mientras tanto, el intercambio de información en línea ha adquirido enormes proporciones, pero se requiere electricidad, mucha electricidad. Seguro que has oído esta comparación: si internet fuera un país, ocuparía el tercer lugar en consumo eléctrico, justo detrás de Estados Unidos y China, y la tendencia va en aumento.

Energía eólica Alojamiento de WordPress
¿De dónde procede la energía para tu hosting WordPress?

Esta comparación me hizo pensar mucho. Un problema de esto es, sin duda, que al principio no se ve este enorme consumo de recursos. Todo el mundo nota una chimenea humeante o un tubo de escape maloliente, y sabe que hay que hacer algo con esta contaminación. Un ordenador o un smartphone, en cambio, son silenciosos y supuestamente limpios. Pero, desgraciadamente, rara vez son verdaderamente "verdes". Y con el uso cada vez mayor de las nubes, la transmisión de vídeo y los sitios web cada vez más elaborados, el "consumo" de tecnologías digitales sigue creciendo silenciosamente. 

En algún momento me pregunté qué podía hacer para reducir mi "consumo de datos" personal. Porque una cosa está clara: todos/as usamos internet. Así que todos/as y cada uno/a de nosotros/as -incluido yo- podemos contribuir a ser responsables en y con internet. Podemos enviar innumerables tuits al día, pasar horas viendo series en Netflix o enviando vídeos de gatos sin sentido. O podemos utilizar internet de forma consciente y con un valor añadido real.

Si gestionas tú mismo/a uno o varias páginas web WordPress, puedes empezar incluso antes. Puedes intentar que las páginas web individuales sean lo más sostenibles posible. ¿Pero cómo se hace eso? ¿Y qué influencia ejerces tú?

¿Qué grado de sostenibilidad tiene tu sitio web?

Dirijo varios proyectos basados en WordPress. Hace un par de años, empecé a familiarizarme con el mundo de WordPress. En el proceso, probablemente caí en casi todas las trampas que ofrece WordPress, porque no soy un desarrollador. Incluso utilizo un constructor de páginas o Page Builder WordPress, como hacen muchos/as, ¿tal vez tú también?

Por supuesto, ahora podría ir a contratar a una agencia para que me monte una página web WordPress a medida por mucho dinero. Lo ideal sería que estuviera bien pensada hasta el más mínimo detalle y que no fuera un byte demasiado grande. Pero no todos/as los/as usuarios/as WordPress pueden o quieren permitírselo, al igual que no todas las agencias WordPress tienen idea de desarrollo sostenible. Por eso, decidí ver por mí mismo qué podía hacer para sacar lo mejor de WordPress con medios sencillos.

¿Cómo se crean los sitios web tu?

Esta es la primera cuestión que quiero aclarar contigo. Se trata de cosas en las que quizá no se piense a primera vista cuando se piensa en un sitio web. Pero una cosa está clara: una página web no solo existe. Hay que planificar, conceptualizar, programar y llenar de contenido. Todo esto requiere trabajo y consume recursos.

Si nos fijamos en algunos detalles, hay un número increíble de formas en las que puedes hacer que tu sitio web sea más sostenible incluso antes de su lanzamiento. Y lo mejor de todo es que tú mismo/a puedes influir directamente. Es una especie de balance:

  • ¿Tienes una oficina enorme o trabajas en un pequeño espacio de coworking?
  • ¿Siempre tienes el último hardware o, por ejemplo, compras tu ordenador de segunda mano o reacondicionado?
  • ¿Cocinas algo para ti a la hora de comer con ingredientes comprados en la zona o solo comes comida preparada del supermercado más cercano?
  • ¿Consumes electricidad generada de forma convencional o tienes una tarifa de electricidad ecológica?

Como ves, mucho tienes que ver con tu estilo de vida en general. Pero eso es exactamente un punto importante. Porque la forma de enfocar las cosas en tu vida cotidiana también se traslada a tu afición o a tu trabajo.

Ahora te estarás preguntando: "¿qué tiene eso que ver con mi sitio web?" Creo que tiene mucho que ver. Porque la sostenibilidad solo funciona de forma limitada como medida única. Si envío mis paquetes de forma neutral desde el punto de vista climático, por supuesto que está bien al principio. Pero si luego vuelvo a casa por la noche en un gran todoterreno, eso no es coherente, sino que entra en la categoría de "greenwashing".

Marketing ecológico

¿Cómo de "verde" se trabaja realmente como agencia o freelancer? ¿Es solo más trabajo o te compensa? ¿Y tus medidas son algo más que un apaciguamiento propio o de los clientes? Consulta nuestro artículo sobre marketing ecológico.

Concepto sostenible para tu página web WordPress

Si decides utilizar WordPress como tu sistema de gestión de contenidos (CMS), por supuesto ya se han establecido algunas condiciones técnicas. Por ejemplo, WordPress se basa en el lenguaje de scripting PHP, que simplemente no se puede cambiar, aunque haya alternativas más "sencillas". Sin embargo, más allá de eso, tienes muchas posibilidades de influir en que la página web sea un monstruo voraz de datos o una ágil gamuza de la información.

La estructura de tu sitio web

El diseño estructural de tus proyectos web es muy importante. ¿Tus usuarios/as se orientan rápidamente y llegan a la información que buscan con unos pocos clics? ¿O "vagan" de una página a otra hasta que finalmente llegan a su destino? Tu objetivo debe ser que los/as usuarios/as encuentren lo que buscan con el menor número de clics posible. Porque cada subpágina adicional cargada es una transferencia de datos (posiblemente innecesaria), que a su vez cuesta energía.

Por cierto, una estructura limpia también es un tema importante de SEO: los motores de búsqueda como Google adoran las páginas bien estructuradas y te recompensarán con una mejor clasificación. Échale un ojo al post en wp unboxed sobre WordPress SEO.

Plugins WordPress

Los plugins WordPress son a la vez una maldición y una bendición. Lo bueno es que hay una solución para cada problema en forma de plugin. De este modo, puedes diseñar tu sitio web exactamente como lo deseas, incluso sin conocimientos de programación. Sin embargo, hay que tener mucho cuidado al elegir los plugins: cada vez, antes de instalar un nuevo plugin, responde a la siguiente pregunta: ¿realmente necesito esta extensión? Consulta el artículo Consejos para elegir los plugins WordPress adecuados.

Cada plugin adicional puede inflar innecesariamente tu sitio web, cargando más y más datos cada vez que tu página es llamada. Esto hace que el sitio web sea lento y nada sostenible. Por ello, piensa bien qué funciones y efectos necesitas realmente. Actúa estrictamente según el lema: tantos complementos como sean necesarios, tan pocos como sea posible.

Desarrollar plugins WordPress de forma sostenible

Danny van Kooten desarrolla el conocido plugin Mailchimp para WordPress. Gracias a un desarrollo más ajustado, se calcula que ahorró 59.000 kg de CO2 al mes. ¿Cómo lo ha conseguido? Lee nuestra entrevista Desarrollo de plugins sostenibles y descúbrelo.

Theme WordPress sostenible

Al igual que con los plugins, la elección de themes WordPress que determinan el aspecto de tu sitio web es enorme. Y tienes que decidir qué theme es el adecuado para ti. ¿Quieres que sea especialmente sostenible? Entonces, lo mismo se aplica para tu theme WordPress: tanto como sea necesario, tan poco como sea posible. 

Elige un tema que haga exactamente lo que necesita, y nada más. Porque cuantas más funciones se integren en un theme, mayor será el paquete de código. El desarrollador de WordPress Jack Lenox lo llevó una vez al extremo y demostró lo ligero que puede llegar a ser WordPress con su theme Susty. Provoca una transferencia de datos de solo 6 kB. Hay themes que tienen un tamaño de varios MB, una diferencia realmente grande.

Tema de WordPress Susty
Reducido y sostenible: el theme WordPress Susty WP

Hay que reconocer que Susty ya es muy reducido, pero quizás este minimalismo sea realmente genial para uno u otro blog sencillo. Pero si quieres algo más, hay otras recomendaciones de themes WordPress especialmente ligeros y, por tanto, "sostenibles". Por ejemplo:

¿Cómo influye el diseño en la sostenibilidad?

Las imágenes, los vídeos y las fuentes constituyen una gran parte de tu sitio web. Si utilizas imágenes de gran formato con la máxima calidad, estas se convierten rápidamente en varios megabytes de tamaño, y por tanto en lo contrario de lo sostenible. También es problemático utilizar un sinfín de fuentes diferentes solo porque te gustan. Cuantas menos fuentes se utilicen, menos datos habrá que cargar en cada página.

Un diseño WordPress "sostenible" es aquel que se conforma con pocas fuentes y gráficos colocados deliberadamente. A la hora de integrar los vídeos, también hay que preguntarse: ¿se trata simplemente de un "OK" o de un verdadero valor añadido? Con las imágenes, también es muy importante que pienses en las dimensiones y el tipo de compresión.

Compresión y optimización de imágenes

Existen numerosas formas de minimizar el flujo de datos mediante la optimización de las imágenes, por no hablar de que, en general, solo se incluye la cantidad necesaria de material gráfico por página. Consulta nuestras guías sobre plugins de compresión de imágenes, tamaños de imágenes en WordPress y SEO de imágenes para WordPress.

Como ya se ha mencionado: reduce el tamaño, en lugar de insertar fotos en alta calidad para llenar la pantalla, y asegúrate también de comprimir cada imagen individual de la manera más eficiente posible. Esto lo puede hacer un plugin WordPress. Pero será mejor que te las arregles sin este (como se describe al principio de este artículo). No es tan difícil: la mayoría de los programas de edición de imágenes permiten comprimir los archivos de imagen de forma fácil, rápida y automática.

Photoshop reduce el tamaño de la imagen
Optimizar el tamaño de las imágenes o archivos con Photoshop

Prueba diferentes configuraciones. De este modo, podrás saber cuánto puedes comprimir sin que la calidad se resienta demasiado. Mi experiencia es que se puede hacer mucho. Procedo de la siguiente manera:

  • Siempre limito el ancho de la imagen con Photoshop a 2.000 píxeles. Esto es más que suficiente incluso para las pantallas grandes.
  • Luego le doy a la opción de guardar para página web y selecciono "baja" para la calidad. El resultado es perfecto y mis fotos suelen ser mucho menor de 300 kilobytes.
  • Los últimos bytes se extraen de mis archivos con la versión para navegadores de tinyPNG. Esta herramienta comprime de forma muy eficiente y además te ahorra un plugin adicional.

Si el último paso te resulta demasiado estresante, también puedes integrar tinyPNG como plugin WordPress. Estas imágenes optimizadas son ya una buena base.

A continuación, deberías echar un vistazo a tus "thumbnails" (miniaturas). Cuando subes una imagen a WordPress, se guarda en diferentes tamaños llamados "miniaturas". Algunos son predeterminados por WordPress, otros son configurados por tu theme. Y a menudo no las necesitas todas. Por ejemplo, tu theme podría almacenar miniaturas para una tienda de WooCommerce que nunca utilizas si no tienes una tienda.

Así que sería una muy buena idea que WordPress solo creara las miniaturas que necesitas, ¿no? Por supuesto, lo ideal sería un theme que se adapte a tus necesidades. Pero también puede influir en las miniaturas que guarda WordPress. Consulta las instrucciones sobre archivos de imagen y miniaturas en wp unboxed.

Mantener el orden

Si vas a crear una nueva página web WordPress, te recomiendo que mantengas el orden desde el principio. Porque si instalas plugins sin pensar y subes imágenes por encargo, acabará siendo un caos. Muchos plugins almacenan un sinfín de datos en tu base de datos WordPress sin eliminarlos cuando eliminas el plugin. Cuanto más ordenado y reducido sea tu sistema WordPress, más rápido funcionará y más sostenible será. Aunque a veces sea difícil, sé siempre ordenado/a y limpia tu sistema regularmente.

¿Y que pasa si el caos ya existe?

Al principio no tuve en cuenta este consejo. En algún momento, se habían acumulado enormes cantidades de datos (aparentemente "sin más") de imágenes no utilizadas, copias de seguridad antiguas y complementos de la galería que hacía tiempo que habían caído en desuso. Así que no sirvió de nada: tuve que recomponerme y pasar días ordenando. Al final, pude eliminar varios gigabytes de datos de mi espacio web.

Tal vez tu página web WordPress también ha crecido durante años, junto con tu experiencia y habilidades. Y tal vez estés en el punto en el que te das cuenta de que tu proyecto es un caos. ¿A qué esperas? Una gran limpieza está a la orden del día. Esto es bueno en términos de sostenibilidad, pero también tiene sentido en términos de SEO. Porque a Google le encantan los sitios web limpios, ordenados y rápidos.
Una herramienta práctica para la limpieza es WP Optimize. Si solo se trata de limpiar la base de datos, también me parece muy útil el WP DB Cleaner.

Constructor de páginas WordPress y sostenibilidad

Los constructores de páginas o Page Builder WordPress (aquí tienes una visión general) son prácticos y te permiten conseguir buenos resultados de forma rápida y eficaz. Sin embargo, también se sabe que hinchan el código de tus páginas web y aumentan los tiempos de carga. Sin embargo, hay algunas cosas que puedes hacer para reducir este efecto y hacer que tu constructor de páginas sea lo más sostenible posible:

  • Limítate a las funciones integradas y prescinde de plugins de diseño adicionales para tu page builder.
  • Si utilizas plugins adicionales, asegúrate de que puedes desactivar completamente todas las funciones que no utilizas realmente.
  • Mantén la estructura de la página simple. Crea el menor número posible de bloques y columnas anidadas. Los creadores de páginas utilizan un "contenedor" para cada uno de estos elementos, que rápidamente se convierten en demasiados. PageSpeed Insights de Google critica esto como "tamaño excesivo del DOM". En este vídeo de YouTube se explica muy bien cómo se puede reducir esa sobrecarga. 
  • Para los posts individuales del blog, es mejor prescindir por completo del page builder y utilizar en su lugar el editor Gutenberg integrado.

SEO y sostenibilidad

En principio, casi todo lo que es bueno para SEO (es decir, para la optimización de los motores de búsqueda de tus sitios web) es también una ganancia en términos de sostenibilidad. Porque se trata sobre todo de estructuras limpias y páginas rápidas con poca transferencia de datos. Y como esto es tan importante, también encontrarás muchas buenas instrucciones y herramientas útiles para optimizar tu sitio para los motores de búsqueda.

Por lo tanto, en este punto me gustaría enumerar brevemente lo que puedes hacer además y qué herramientas o instrucciones te ayudarán:

  • Eliminar otros lastres innecesarios (fuentes superfluas, servicios externos posiblemente no utilizados o prescindibles como Google Analytics o Google Maps, scripts incrustados innecesarios). 
  • Resumir el código fuente y simplificarlo comprimiéndolo, ver el tutorial Reducir HTML, CSS y JavaScript.
  • Desactivar elementos innecesarios como los emojis, una función de comentarios no utilizada, avatares, etc. Esto se hace con el plugin Asset CleanUp con unos pocos clics del ratón (asegúrate de hacer una copia de seguridad de antemano).
  • Sin embargo, Asset CleanUp cumple una función aún más práctica: permite especificar para cada página exactamente qué código extra debe cargarse y cuál no. Si tienes una tienda WooCommerce, WordPress carga el código necesario en cada página, incluso en las páginas de tu blog sin ninguna función de tienda. Con Asset CleanUp, puedes excluir todo el código que no sea urgentemente necesario para cada página. 

Los plugins SEO como Yoast o Rank Math te dan muchos consejos sobre la optimización en la página. Revelan errores técnicos (como imágenes que faltan, enlaces rotos, etc.) y te ayudan a solucionarlos. Y un sitio web limpio y sin errores no solo es sostenible en términos de SEO.

Hosting WordPress sostenible

Una vez tengas tu proyecto WordPress en marcha, hay una tercera consideración importante cuando se trata de WordPress y la sostenibilidad: tu proveedor de hosting. Este es el lugar donde los servidores se ejecutan tan pronto como los/as usuarios/as llegan a tu sitio web. Cada vez que esto ocurre, se intercambian datos. Y eso cuesta energía.

Así que vale la pena examinar más de cerca. La pregunta más obvia es, por supuesto, de dónde procede la electricidad que utiliza tu proveedor. Si obtiene la energía de fuentes limpias, como la hidroeléctrica, la eólica o la solar, es una gran ventaja.

Hosting WordPress ecológico

En Raidboxes, queremos ofrecer un hosting WordPress no solo neutral desde el punto de vista climático, sino incluso positivo. Compensando el consumo de CO2 que se produce al alojar tus sitios web. Puedes obtener más información sobre nuestras medidas concretas en el artículo Hosting verde para WordPress: ¿Cómo de sostenible puede ser el hosting?

Pero eso no lo es todo. Los proveedores de hosting necesitan muchos recursos para áreas como:

  • infraestructura técnica
  • material y equipo de oficina
  • marketing
  • alimentos
  • limpieza
  • movilidad y desplazamientos

Al igual que tu propio estilo de vida, la filosofía corporativa de tu proveedor de hosting WordPress también es un elemento importante para lograr una mayor sostenibilidad. Si se sirve comida regional en el comedor, si los viajes de negocios se hacen en tren o si se utiliza mobiliario de oficina usado, todas estas pequeñas medidas también harán que tus proyectos WordPress sean un poco más sostenibles. Así que asegúrate de que tu proveedor de hosting va en serio y no se limita a aparentar que es ecológico, sino que, idealmente, actúa de forma verdaderamente positiva para el clima.

Por supuesto, hay otro aspecto importante: el rendimiento o el marco técnico del paquete de hosting. Porque cuanto más "suave" funcione tu sitio web, más rápido y sostenible será. Por lo tanto, tiene sentido elegir un paquete de hosting que se adapte específicamente a WordPress. Presta atención a lo siguiente:

  • Los datos deben almacenarse en discos duros SSD modernos y rápidos (y económicos), preferiblemente en un centro de datos de tu continente. Al menos, si los estándares de sostenibilidad allí son correspondientemente altos.
  • También debe incluirse un límite de memoria alto, preferiblemente 256 MB.
  • Las funciones estándar importantes deben integrarse en el lado del servidor (por ejemplo, el almacenamiento en caché, las copias de seguridad, un entorno de preparación o las redirecciones). Esto suele ser no solo más eficiente, sino que también te ahorra toda una serie de plugins, lo que automáticamente hace que tu sitio sea más rápido y sostenible. Consulta el e-book Gestión de 5 a 100+ proyectos WordPress, también disponible como entrada de blog.
  • Una versión actual de PHP, un certificado SSL gratuito y HTTP/2 deberían ser el estándar.

¿Merece la pena un sitio web sostenible?

Quizás estés pensando para ti mismo/a: ¡Vaya, me espera un montón de trabajo! Tengo que admitirlo: En efecto, se puede dedicar mucho tiempo a este tema. Pero rápidamente me di cuenta de que valía la pena. Porque la mayoría de las medidas en términos de sostenibilidad tienen un efecto positivo en tus tiempos de carga y en la optimización de los motores de búsqueda al mismo tiempo.

Para comprobar el grado de sostenibilidad de tus sitios web, puedes utilizar el servicio de websitecarbon.com, que proporciona información interesante y descriptiva sobre la huella de carbono de tu sitio web en WordPress. Los resultados de las pruebas de velocidad del sitio web, como GTMetrix o PageSpeed Insights de Google, también son muy informativos. No solo obtendrás una evaluación de tu sitio web, sino también muchos consejos sobre lo que puedes hacer para mejorar su rendimiento.

Si tu web se carga rápidamente, tus visitantes, por supuesto, también estarán contentos/as. Y eso, a su vez, puede significar dinero en efectivo para ti: muchos/as rebotan si un sitio web tarda más de tres segundos en cargarse. Si tienes una tienda, esto significa una pérdida directa de ingresos. Pero también se hace feliz a Google con un sitio web rápido: cuanto más rápido se cargue tu sitio web, mejor lo clasificará Google. Esto, a su vez, significa que tú y tu empresa se encontrarán mejor.

Ahora disfruto mucho buscando dónde puedo sacar más partido a mis proyectos WordPress. El éxito inmediato juega un papel importante: muchos cambios pueden medirse directamente a través de diversas pruebas de velocidad del sitio web.

Tus dudas sobre un WordPress sostenible

¿Qué preguntas tienes para Martin o sobre un hosting WordPress sostenible? No dudes en utilizar la función de comentarios. ¿Quieres estar informado/a de los nuevos artículos sobre WordPress y la sostenibilidad? Entonces síguenos en Twitter, Facebook, LinkedIn o a través de nuestra newsletter.

Fotos del artículo: Martin Donat, Peter Beukema

¿Te ha gustado el artículo?

Con tu valoración nos ayudas a mejorar aún más nuestro contenido.

Escribe un comentario

Tu dirección de correo electrónico no se publicará.