Hoy en día, todo el mundo está preocupado por el medio ambiente y la salud de nuestro planeta. Para alinearse con estos valores, se han puesto en marcha varias iniciativas, entre ellas la concepción de un sitio web ecológico. Webflow es uno de los CMS sin código más conocidos. ¿Cuáles son las mejores prácticas para limitar su impacto medioambiental? 

¿Qué es un elemento de texto enriquecido?

Antes de ver las buenas prácticas para hacer un sitio web eco responsable en No-Code, es indispensable explicar qué es un elemento de texto enriquecido. Esto es lo que te permite crear y dar forma al contenido sin tener que añadir y dar forma individualmente a cada elemento. Haz doble clic y tendrás el contenido creado.

Si desea editar un contenido estático o dinámico, puede utilizar un elemento de texto enriquecido. Coloque el contenido estático en cualquier página y modifíquelo. Para el contenido dinámico, añade un campo de texto enriquecido a cualquier colección. Y conecta un elemento de texto enriquecido a este campo en los parámetros.

Puedes personalizar la forma de cada texto enriquecido. Puedes estilizar los títulos, los párrafos, las imágenes, las figuras o incluso las leyendas de las figuras añadiendo una clase al elemento de texto enriquecido mediante el sistema de selección integrado " En el interior de ".

Buenas prácticas para limitar el impacto medioambiental de su sitio web

Según un estudio de Green IT, la energía nuclear representa actualmente entre el 3 y el 4% de las emisiones de gas con efecto invernadero en el mundo. Sin embargo, el aumento del consumo numérico irá en aumento. La ecoconcepción de un sitio web en No Code permite limitar su impacto medioambiental. He aquí las buenas prácticas que le ayudarán a hacerlo:

El alojamiento

La mejor práctica es elegir una vivienda "verde". Es decir, un lugar optimizado para limitar su impacto medioambiental. Si es posible, contrate a un electricista local. También puede elegir un proveedor de energía alimentado por energías verdes y renovables.

L'UX/UI

Un diseño sobrio y minimalista mejorará tu experiencia de usuario y limitará tu impacto medioambiental. Lo que hay que hacer :

- Limitar el número de imágenes

- prefiera los iconos a las imágenes

- limitar el número de fuentes: 2 políticas de escritura como máximo (1: títulos y 1: textos)

- concevoir en mode obscuro: fond sombre et contenu aux couleurs claires.

Las imágenes

Optimiza tus imágenes utilizando los mejores formatos y comprímelas para reducir su peso. Un sitio que carga menos es un sitio ecológico. Algunos sitios para optimizar el peso de las imágenes :

• https://compressimage.io/
• https://watermarkly.com/fr/compress-jpeg/
• https://www.iloveimg.com/fr/compresser-image

La elección del CMS

Existen funcionalidades que alteran las páginas. Este es el caso, por ejemplo, de los plugins de Wordpress, que no están optimizados para crear un sitio web ecológico. Es esencial suprimir los plugins que no son útiles. Un editor como Webflow puede mejorar su sitio web gracias a funciones integradas como :

• Compresión automática de imágenes
• Un código reducido al mínimo estricto en función de la creación de sus páginas
• Simplificación de las clases CSS
• L'état des lieux des classes et la suppression de celles qui ne sont pas utilisées.

‍

Medición de la integración ecológica de su sitio web

La aplicación de estas buenas prácticas aportará resultados significativos sobre el rendimiento de su sitio web y sobre su impacto medioambiental. Para medir el consumo de su sitio web, puede utilizar las siguientes herramientas gratuitas:

• EcoIndex
• PageSpeed Insights
• Ecómetro

¿Por qué elegir Webflow?

Webflow es la mejor herramienta para crear un sitio web responsable por varias razones:

Ausencia de plugins y extensiones

Un plugin deja rastros en el código fuente, ralentizando así los tiempos de carga de su página. En Webflow, todas las funcionalidades están ya presentes, los elementos añadidos no pasan por un plugin. El número de elementos superfluos en una página es por lo tanto reducido, al igual que la carga del servidor.

Simplificación del código fuente

Webflow simplifica el lenguaje HTML y CSS del sitio. El sistema de arrastrar y soltar construye automáticamente el código según lo que se añada a la página. El código sólo contiene los elementos presentes en el sitio. La opción " limpiar " también elimina los estilos, las clases y las animaciones que no se utilizan, así como los trozos de código inútiles.

Optimización de imágenes

Webflow optimiza las imágenes importadas comprimiéndolas automáticamente.

Optimización de la velocidad de carga

La velocidad de carga rápida se debe a la simplificación del código y a la optimización de las imágenes.

Le responsive

Hacer responsive en Webflow, es adaptar un sitio web a la medida de la pantalla de no importa qué aparato (ordenador, tablet, móvil o incluso gran pantalla).

‍