En Desarrollo web sostenible con Joomla! - Parte 1, exploramos cómo Joomla permite un desarrollo web sostenible al promover la eficiencia energética, la optimización de recursos y prácticas ecológicas. Los pasos clave incluían la selección de soluciones de alojamiento ecológicas, la escritura de código limpio, la minimización de JavaScript, la optimización de fuentes y el aprovechamiento de la funcionalidad integrada de Joomla para reducir la carga del servidor. También se hizo hincapié en un diseño accesible y fácil de usar para mejorar el rendimiento y la inclusividad.
La Parte 2 se centrará en mantener la sostenibilidad durante la operación de un sitio web, asegurando la responsabilidad ambiental a largo plazo.
Después de la implementación
Habiendo completado las tareas más "pesadas" relacionadas con el desarrollo del sitio web, generalmente comienza la fase de optimización para hacerlo más rápido, más seguro y más amigable hacia los motores de búsqueda y las redes sociales. Esto incluye una serie de acciones críticas que también tienen un impacto claro en la eficiencia energética del sitio web. Aquí están las más importantes:
Implementar SEO correctamente. La optimización de motores de búsqueda (SEO) puede parecer a primera vista no relacionada con la eficiencia energética de un sitio web, pero si lo piensas bien, en la práctica los objetivos del SEO están perfectamente alineados con el objetivo de reducir el consumo de energía. Cuando optimizamos un sitio web para mejorar su clasificación en los motores de búsqueda, esencialmente estamos ayudando a las personas a encontrar la información que desean más rápido y más fácil. Cuando el SEO tiene éxito, resulta en que las personas pasan menos tiempo en línea buscando información y visitando menos páginas que no satisfacen sus necesidades. Esto significa que se consume menos energía y la energía consumida se utiliza para proporcionar un valor real al usuario. Joomla 5.X también lidera en este aspecto, ya que ya tiene capacidades de SEO sólidas, integradas y optimizadas desde el principio.
¡Usa caché! Uno de los elementos más importantes que juegan un papel decisivo en la velocidad final de un sitio web es el caché. Especialmente para los sitios web que operan con una base de datos como Joomla, las páginas se crean dinámicamente cada vez que alguien las visita. Esto puede ser muy ineficiente en la medida en que requiere potencia de procesamiento del servidor para cada vista de página, aumentando el consumo de energía. El caché reduce significativamente el consumo de energía del servidor y, por supuesto, la diferencia en los tiempos de carga de la página es significativa. Joomla proporciona la funcionalidad de caché de varias maneras, y todo lo que necesitas hacer es leer la documentación sobre la caché e implementar el método que mejor se adapte a tus necesidades.
Usa un CDN. Se mencionó anteriormente que es muy importante que el sitio web esté alojado en un servidor que esté más cerca de los usuarios. Sin embargo, si esto no es posible, por ejemplo, si el sitio web está dirigido a usuarios de todo el mundo, entonces usar una red de distribución de contenido (CDN) es una gran solución. El CDN almacena y luego sirve archivos del sitio web como imágenes desde una red de centros de datos alrededor del mundo. Esto significa que, en la mayoría de los casos, los archivos más grandes se cargarán desde un centro de datos más cercano a la ubicación del usuario, reduciendo la distancia que los datos deben recorrer cada vez que se carga una página. Una vez más, esto mejora la eficiencia energética y los tiempos de carga de la página.
Sirve el sitio web de forma estática. A veces puede que necesites crear un sitio web que no necesite cambiar con frecuencia, como un perfil de empresa simple. Otras veces, este sitio web puede haber cumplido su propósito después de un tiempo (por ejemplo, un sitio web para un evento) o incluso haber sido abandonado. En todos estos casos, no tiene ningún sentido continuar operando una base de datos que sirve dinámicamente el contenido de un sitio web, ya que no se van a hacer cambios en él. Es intensivo en energía y ya no sirve para ningún propósito. En este caso, puedes convertir el sitio web en archivos estáticos de HTML, CSS y JS, que se cargan mucho más rápido porque no necesitan solicitar contenido de ninguna base de datos, ya lo tienen integrado. De esta manera, no solo el sitio web se cargará más rápido, sino que también será más fácil de administrar en caso de que desees, por ejemplo, transferirlo a un paquete de alojamiento web más económico (ya que ya no requiere la existencia de una base de datos u otros recursos que puedan haber sido necesarios).
Durante la operación
Por último, pero no menos importante, algunos de los pasos más importantes para la eficiencia energética de un sitio web se refieren a la operación diaria del mismo. No obstante, como verás, esencialmente deben ser tomados en serio en cada etapa de su implementación.
¡Comprime las imágenes! En la mayoría de los sitios web, las imágenes son, con mucho, los elementos más pesados en términos de tamaño de archivo. Cuantas más imágenes uses y cuanto más grandes sean estos archivos de imagen, más datos necesitan ser transferidos y más energía se consume. Independientemente de la aplicación de técnicas de compresión de imágenes que veremos a continuación, ya sea que seas un desarrollador, un diseñador o un redactor de contenido, necesitas pensar muy cuidadosamente sobre el uso de imágenes. ¿La imagen que deseas usar realmente agrega valor al usuario? ¿Comunica información útil (que quizás sería más apropiado comunicar a través de texto para un mejor SEO) o es puramente decorativa? ¿Podría lograrse el mismo impacto si la imagen fuera más pequeña? ¿Podrías lograr el mismo resultado con un gráfico vectorial (por ejemplo, SVG) o incluso con algo de estilo CSS en lugar de una foto? Haciéndote preguntas como estas, puedes revisar la idoneidad de usar ciertas imágenes y reducir su uso, sin comprometer, por supuesto, la experiencia del usuario. Esto, a su vez, ayudará a reducir el consumo de energía. Lo mismo ocurre con los videos, que pesan mucho más en una página y crean una carga mucho mayor en la CPU de los usuarios, lo que resulta en un consumo de energía mucho más alto.
¿Cómo puedes hacer que el uso de imágenes sea más eficiente?
- Sube las imágenes a las dimensiones que deseas en lugar de confiar en CSS o JavaScript para ajustar automáticamente su tamaño. Esto evita cargar imágenes que son más grandes que la escala a la que se mostrarán.
- Usa herramientas como TinyJPG o ShortPixel para comprimir archivos de imágenes sin ninguna pérdida visible de calidad. Desde que descubrí estas herramientas y vi la gran diferencia en el tamaño de los archivos que generalmente resulta, ya no subo una foto sin antes pasar por ellas. A largo plazo, esto también me ha ahorrado en otros niveles, ya que si hubiera subido las imágenes en su tamaño original, ahora estaría consumiendo al menos cinco veces más espacio en disco en el alojamiento web del que actualmente necesito. Así que los ahorros son múltiples.
- Usa el formato de archivo más eficiente para cada imagen, como WebP en lugar de JPG para imágenes de contenido o SVG en lugar de PNG para íconos que son elementos orgánicos del sitio web. ¡Además de ahorrar recursos, también es bueno para el SEO! Además, hay complementos para Joomla que pueden convertir automáticamente imágenes JPG o PNG a WEBP.
- También podrías implementar la carga diferida para imágenes y videos para cargarlos solo cuando sea necesario.
De todas estas maneras, se puede lograr una reducción significativa en el tamaño de los archivos de imagen, reduciendo el consumo de energía y mejorando los tiempos de carga, sin ningún inconveniente notable para los visitantes del sitio web.
¡Presta atención al contenido! Como se mencionó anteriormente tanto para SEO como para UX, la redacción tiene un gran impacto en la eficiencia del sitio web, porque afecta el tiempo que las personas pasan en él y la experiencia que obtienen de él. A veces queremos que las personas pasen mucho tiempo en un sitio web, magnetizando su atención hacia nuestro contenido. Sin embargo, lo que no queremos es que las personas desperdicien su tiempo con contenido que les ofrece poco o ningún valor. Seguramente esto te ha sucedido suficientes veces como para que (con suerte) no quieras perpetuarlo como una práctica. Por lo tanto, la redacción clara y efectiva del contenido puede ayudar a reducir el tiempo perdido en internet y, por extensión, reducir la energía desperdiciada. Sin mencionar que también es beneficioso para la clasificación en los motores de búsqueda.
Un sitio web más eficiente en cuanto a energía es, en general, un mejor sitio web
Si tuviste la paciencia de leer hasta aquí, seguramente habrás entendido que la mayoría de los casos en los que se desperdicia energía se deben esencialmente a omisiones técnicas. Lo que significa que un sitio web cuidadosamente diseñado ya podría ser más eficiente en cuanto a energía desde el principio. Y lo mejor de todo es que casi cualquier acción que podamos tomar para ayudar a los sitios web a ser más eficientes en cuanto a energía los hará mejores en otros aspectos también, ya sea un mejor SEO, mayor velocidad o una mejor experiencia de usuario.
Entonces, cuando el objetivo es reducir la huella de carbono de internet, reducir el desperdicio de energía prestando atención a todos esos elementos mencionados anteriormente es un gran punto de partida. Por supuesto, el consumo de energía de un sitio web puede ser difícil de medir con precisión (aunque herramientas como Website Carbon ciertamente pueden ayudar), pero aún hay muchas cosas que podemos hacer para eliminar el desperdicio y mejorar el rendimiento. La mayoría de estas acciones no son inherentemente difíciles, solo requieren atención al detalle y pensamiento cuidadoso en cada aspecto del diseño, la creación de contenido, el desarrollo y el alojamiento de un sitio web. Sin embargo, ciertamente vale la pena el esfuerzo, ya que, como ha quedado claro, un sitio web más eficiente en cuanto a energía es también un mejor sitio web en general.
El camino por delante: Joomla y el futuro del desarrollo web sostenible
A medida que Joomla continúa evolucionando, el compromiso de su comunidad con la sostenibilidad será fundamental. Características como el rendimiento mejorado, las integraciones de alojamiento eficientes en cuanto a energía y los principios de diseño ecológico mantendrán a Joomla a la vanguardia del desarrollo web sostenible.
Al adoptar estos principios y aprovechar las capacidades de Joomla, los desarrolladores y las empresas pueden contribuir a un ecosistema digital más ecológico. El desarrollo web sostenible no es solo una elección, es una responsabilidad. Abracémoslo con Joomla.
Este artículo es una traducción de Sustainable Web Development with Joomla! - Part 2.
