Maneras de hacer tu blog más eficiente energéticament

En este post vamos a ver una serie de soluciones con el fin de obtener un blog más eficiente energéticamente .

Ya sabemos cómo construir una Web Premium segura, rápida y optimizada para móviles, preparada para el SEO y legal. Ahora es el momento de fijarnos en la huella de carbono de los sitios web. El impacto de carbono (CO ₂ ) de la web es producido en gran medida por el uso de electricidad. La pregunta es: ¿cómo podemos nosotros los profesionales de Internet, y que desarrollamos webs (de WordPress ), ayudar a que la web sea más eficiente energéticamente?

En este artículo vamos a proporcionar una lista de las principales cosas que puedes hacer con el fin de reducir al máximo el desperdicio de energía y ayudar a que tu blog (o sitio web) sea lo más eficiente energéticamente posible.

En realidad, una Web Premium , desarrollada con el Método Blogpocket , optimizada en rendimiento y experiencia de usuario, ya es de por sí eficiente energéticamente. Así que lo que leerás en este post son los puntos más importantes que se deben tener en cuenta, dentro del diseño y desarrollo de un blog o un website, a la hora de reducir la huella de carbono debido al gran consumo de energía que se produce .

El consumo de energía de un blog o sitio web

Lee la introducción a este problema en Un sitio web sin emisiones de CO2, una pequeña gran contribución ecológica .

Internet, incluidos los centros de datos, las redes de telecomunicaciones y los dispositivos de usuario final, como teléfonos y ordenadores de escritorio y portátiles, utilizan mucha electricidad. De hecho, Internet usa aproximadamente la misma cantidad de electricidad que un país como Reino Unido.

A medida que continuamos consumiendo más y más datos de Internet en nuestra vida diaria, la cantidad de electricidad consumida por Internet está creciendo rápidamente. Puede estar fuera de la vista y fuera de la mente, pero este gran consumo de energía de Internet tiene una enorme huella de carbono, y eso es algo que debemos abordar.

https://www.wholegraindigital.com/bloemeg/website-energy-efficiency/

Jack Lenox y cómo un mejor rendimiento de los sitios web puede ayudar a salvar el planeta

Jack Lenox es el autor del tema de WordPress Susty , en el que nos hemos basado para implementar la plantilla Blogpocket Sustie .

Blogpocket Sustie es un tema de WordPress orientado plenamente a Gutenberg y especialmente pensado para proporcionar al usuario un folio en blanco con el que diseñar a su gusto la página de inicio del sitio web. Puedes ver la demostración en WepPremium.online (descarga la versión experimental prebeta en Github ).

Por favor, mira el siguiente vídeo en el que Jack Lenox explica cómo un mejor rendimiento de los sitios web puede ayudar a salvar el planeta.

En este post de Blogpocket, encontrarás un pequeño conjunto de las herramientas para optimizar WordPress en rendimiento y seguridad: Cómo optimizar WordPress paso a paso – Guía completa y vídeotutorial 2020 .

Las maneras de conseguir un blog más eficiente energéticamente

A continuación, algunas claves importantes -dentro del diseño, contenido y alojamiento web- para reflexionar y aplicar a tu blog.

1. SEO y Redacción de textos

Un beneficio inmediato de la aplicación de las técnicas de SEO a un blog (o sitio web) es que las personas encuentran antes y fácilmente la información, haciendo que pasen menos tiempo navegando por Internet buscando información y ahorrando energía.

Igualmente, el copywriting ¹ tiene un impacto en la eficiencia energética del sitio web porque afecta a la cantidad de tiempo que las personas pasan navegando por sitios web.

¹ El copywriting es la técnica de elaborar textos para webs de una forma persuasiva con el fin de captar la atención del usuario y guiarlo a realizar una acción concreta: suscribirse a una newsletter , agendar una cita, descargar un documento, solicitar un presupuesto, etc. A este efecto se le conoce como conversión, y el objetivo principal de dichas acciones es conseguir ventas (Wikipedia).

Cuanto mejor sea el SEO y el copywriting , menos permanecerá el usuario en Internet y, por lo tanto, existirá menos huella de carbono. Se puede desperciar mucha energía si las personas pasan mucho tiempo en nuestro blog perdiendo el tiempo sin consumir ningún contenido útil y valioso.

Si necesitas un curso exprés de SEO : curso de SEO . Y más información: SEO para WordPress: descarga ahora libremente mi ebook .

2. Experiencia del usuario (UX)

Las personas deben poder encontrar la información y realizar las acciones que necesitan tomar la mejor manera posible (rápida y fácilmente). Eso, más o menos, es la experiencia de usuario (UX) ¹ .

Si una buena experiencia del usuario significa un uso de Internet más fácil y ágil, entonces eso redundará también en reducir la cantidad de energía desperdiciada al navegar por páginas que no están bien hechas.

3. Imágenes

Dentro de los elementos que más impactan negativamente en el rendimiento de una página web se encuentran las imágenes.

Cuantas más imágenes tengas en tu blog (o sitio web) y más KBs posean esos archivos de imagen, más datos deben transferirse y más energía se usa. Es muy importante, que los diseñadores y creadores de contenido se planteen si verdaderamente es necesario el uso de imágenes. Como veremos, más adelante, los archivos de imágenes se pueden se deben optimizar ¹ . Pero, primero, considera atentamente si son necesarios o no.

Hay que encontrar el equilibrio entre reducir el peso de las imágenes lo máximo posible y no empeorar demasiado la experiencia del usuario. Eso ayuda a reducir el consumo de CO ₂ .

4. Vídeos

Junto con las imágenes, estamos ante un elemento que deja mucha huella de carbono. En el caso de los vídeos, tenemos además un problema añadido: las cookies .

Hay algunas maneras de evitar el uso del vídeo ¹ , sobre todo incrustando el código correspondiente. Piénsalo muy bien antes de añadir un vídeo a tu blog o sitio web.

5. Elige las fuentes con cuidado

A nivel de diseño, el uso de fuentes externas es un problema, tanto para el rendimiento como para el ahorro de energía. Hay algunas cosas que puedes hacer ¹ para reducir la huella de carbono usando fuentes tipográficas.

No se trata de diseñar una web espartana sino de equilibrar lo bonito con la experiencia de usuario, el rendimiento y la velocidad de carga; y, por supuesto, con la energía necesaria.

6. Escribir código limpio y usar menos javascript

A nivel de desarrollo, evita temas, plugins, widgets y aplicaciones externas que embarullen y compliquen la ejecución normal de WordPress.

Aquí también, como en el caso del diseño, la perfección no se logra cuando no hay nada más que añadir, sino cuando no hay nada más que eliminar.

Wholegrain Digital nos recuerda que el nuevo inspector web en Safari una herramienta útil para ayudar a evaluar el impacto energético de una página web en el dispositivo del usuario final, y este artículo de los desarrolladores de WebKit de Apple proporciona algunos consejos detallados.

7. Usa páginas móviles aceleradas (AMP)

Si, por las características especiales de tu blog (o sitio web), el Método Blogpocket y el WPO Pack , no son suficientes para optimizar el rendimiento y reducir la huella de carbono al máximo, siempre puedes recurrir al formato AMP ¹ .

En Blogpocket estuvimos utilizando el formato AMP durante mucho tiempo, pero nos dimos cuenta de que -para nuestro tipo de web- aportaba muy poco en los análisis de rendimiento. Por contra, implicaba un mayor esfuerzo en mantenimiento (uso de un par de plugins para configuración) y más control en Search Console. Tampoco estaba claro que, a nivel de SEO, no había ningún beneficio.

8. Crea páginas web estáticas

WordPress genera páginas dinámicas, muy lejos de una optimización de base que permite ahorrar energía de pronto. El contenido se crea en el servidor utilizando bases de datos y programación PHP embebido dentro del HTML de las páginas que se interpretan en el navegador del usuario.

Todo eso te puede sonar muy técnico pero lo bueno es que puedes optimizarlo, casi plug & play, con diversas técnicas que comienzan en tu servicio de hosting (como veremos un poco después) y terminan en tu instalación de WordPress ajustando diversos parámetros con el WPO Pack , ideado en Blogpocket (ver apartados anteriores).

Si eres desarrollador, sabrás tirar líneas de código limpias y optimizadas, preparando temas, plugins y scripts que ahorren energía. Pero si eres administrador o propietario, freelance o emprendedor, de un blog (o sitio web), quizás sea suficiente con aplicar el Método Blogpocket en un Top Hosting, del estilo de SiteGround.

9. Usa el almacenamiento en caché del servidor

Esto no es negociable a la hora de elegir un servicio de alojamiento web: el hosting en el que se vaya a alojar tu blog (o sitio web) debe poseer un sistema de almacenamiento en caché propio. Debes saber que, en WordPress, las páginas se generan dinámicamente cada vez que alguien visita una página web. Esto es muy ineficiente, ya que requiere procesar en el servidor cada vista de la página, lo que aumenta el consumo de energía del servidor web.

10. Use un centro de datos cerca de sus usuarios y un CDN

Imagina que tus usuarios residen mayoritariamente en España y tu web las alojas en un centro de datos ubicado en EE.UU. Lógicamente, los deberán cruzar el Atlántico y transmitirlos por las redes de telecomunicaciones gasta energía. Cuanto más cerca estén tus usuarios de tu servidor, mejor.

Pero ¿qué sucede si tienes usuarios distribuidos por todo el mundo? Usar un CDN (Content Delivery Network) ¹ ayuda a optimizar tanto el rendimiento como la seguridad, porque se sirven los datos desde los nodos más cercanos al equipo local que solicita la información.

Como siempre, en Blogpocket aportamos la solución para que tu blog sea más eficiente energéticamente.

Ahora ya sabes, optimizar la huella de carbono de tu blog o sitio web. Al menos, aquellos factores fundamentales.

Bonificación

Aún hay algunas cosas más que puedes considerar.

• Utiliza la tecnología Progressive Web App (PWA) . Sin duda, sería maravilloso poder convertir Blogpocket.com a PWA. Aquí está la información al respecto: Cómo la creación de una aplicación web progresiva ha mejorado nuestro sitio web para las personas y el planeta .
• Elige anfitriones con una alta calificación PUE . Los centros de datos generalmente se clasifican para la eficiencia energética utilizando una métrica llamada Eficiencia de uso de energía, o PUE. ¿Cuál es el PUE de los datacenter de tu hosting?
• Bloquear bots . Akshat Choudhary de BlogVault sugirió que bloquear los bots podría reducir el consumo de energía. Dijo que “los bots a menudo usan hasta el 50% de los recursos, como el procesamiento y el ancho de banda. »(fuente: https://www.wholegraindigital.com/blog/website-energy-efficiency / ).
• Modo oscuro . Con la llegada de las pantallas OLED que iluminan cada píxel individualmente, usar colores más oscuros es un modo eficiente de reducir la energía.
• Usa la última versión de PHP . Las versiones más nuevas de PHP no solo son más rápidas sino que también usan menos recursos del servidor y, por lo tanto, menos energía. En SiteGround puedes actualizar a la última versión de PHP con un clic.

Conclusiones para hacer tu blog más eficiente energéticamente.

Ahora posa toda la información para conseguir un blog más eficiente energéticamente. Ahorrar huella de CO ₂ y ahorrar energía en tu web es posible y muy sencillo aplicando todo lo visto en este artículo.

Dime, por favor, cuál es la huella de carbono de tu blog o sitio web y si aplicas algunas de las técnicas que hemos revisado aquí.

Si necesitas ayuda o tienes alguna inquietud, duda o pregunta sobre el tema, háznoslo saber.