Este contenido de referencia sobre ecodiseño web ha sido publicado por Frédéric Bordage / GreenIT.fr en Eyrolles con el nombre:
- “écoconcepción web: las 100 buenas prácticas” en 10/2012
- “écoconception web: les 115 bonnes pratiques, 2ème édition” en 09/2015
- “écoconception web: les 115 bonnes pratiques, 3ème édition” en 04/2019
- “écoconception web: les 115 bonnes pratiques, 4ème édition” en 05/2022
Nos gustaría expresar nuestro más sincero agradecimiento a todos los contribuyentes que participaron en el desarrollo y evolución de este repositorio.
Dada la continua evolución de la web, este repositorio necesita actualizarse periódicamente. Cualquier propuesta o idea de mejora, modificación o eliminación es bienvenida.
Lea [la guía del colaborador] (CONTRIBUTING.md).
Para simplificar sus búsquedas, no olvide utilizar los filtros disponibles en la página de discusiones.
- ♾️ Lista de todas las discusiones
- ➕ Lista de discusiones para agregar BP
- 📝 Lista de discusiones para modificar BP
- ✖️ Lista de discusiones sobre la eliminación de BP
- Eliminar funciones no esenciales
- Cuantificar con precisión las dimensiones de las características y componentes
- Optimizar el recorrido del usuario
- Evite el autocompletado en favor de otras técnicas para facilitar la entrada del usuario
- Prefiere un diseño simple, limpio y adaptado a la web
- Utilice la estrategia «mobile first» y/o considere la carga adaptativa
- Respetar la caché Atrás/Adelante
- Utilice un proceso asincrónico cuando sea posible
- Limitar el número de solicitudes HTTP
- Almacenar datos estáticos localmente
- Prefiere una solución personalizada a un CMS
- Prefiere páginas web estáticas
- Crear una arquitectura de aplicación modular
- Elija las tecnologías más adecuadas
- Utilice bifurcaciones de aplicaciones orientadas al rendimiento
- Elija los formatos de datos apropiados
- Reducir la cantidad de dominios que sirven recursos
- Reemplazar botones oficiales para compartir en redes sociales
- Dividir CSS
- Limitar el número de CSS
- Usar CSS en lugar de imágenes
- Escribir selectores CSS eficientes
- Agrupar declaraciones CSS similares
- Usar notaciones CSS abreviadas
- Proporcionar un CSS impreso
- Prefiere fuentes estándar
- Prefiero glifos a imágenes
- Validar páginas con herramientas del W3C
- Externalizar CSS y Javascript
- Evita cambiar el tamaño de las imágenes en el navegador
- Evite el uso de imágenes rasterizadas para la interfaz
- Optimizar imágenes vectoriales
- Usar carga diferida
- Usar recarga parcial de contenido
- Evitar animaciones JavaScript/CSS
- Utilice únicamente partes esenciales de las bibliotecas Javascript y los marcos CSS
- Evitar modificaciones durante el recorrido DOM
- Ocultar elementos DOM mientras se modifican
- Minimizar repintado (apariencia) y redistribución (diseño)
- Usar delegación de eventos
- Modificar varias propiedades CSS a la vez
- Valida tu código con un Linter
- Caché de objetos a los que se accede con frecuencia en Javascript
- Reducir el acceso DOM a través de JavaScript
- Usar todos los niveles de caché de CMS
- Optimizar y generar medios antes de importarlos en un CMS
- Codificar archivos de audio fuera del CMS
- Caché de datos calculados de uso frecuente
- Eliminar todas las advertencias y avisos
- Evite realizar consultas SQL dentro de un bucle
- Evitar abrir conexiones de bases de datos cuando no sea necesario
- Optimizar consultas de bases de datos
- Evite transferir grandes cantidades de datos para tareas de procesamiento
- Minimizar archivos CSS, JavaScript, HTML y SVG
- Comprimir archivos CSS, Javascript, HTML y SVG
- Combinar archivos CSS y JavaScript
- Optimizar imágenes
- Optimizar tamaño de cookies
- Usar lista de precarga HSTS en 301 redirecciones
- Tener una estrategia de fin de vida para el sitio web
- Elija un servidor web ecológico
- Elija un proveedor de electricidad ecológico
- Adaptar la calidad del servicio y el nivel de disponibilidad
- Usar servidores virtualizados
- Optimizar la eficiencia energética del servidor
- Instalar lo mínimo en los servidores
- Coloque todos los cachés en la RAM (código de operación y kvs)
- Almacenar datos en la nube
- Recursos de alojamiento (CSS/JS) en un dominio sin cookies
- Evitar redireccionamientos
- Mostrar páginas de error estáticas
- Usar servidores asíncronos
- Usar una CDN
- Usar una caché HTTP
- Agregar encabezados Expires o Cache-Control
- Caché de respuestas Ajax
- Reducir los registros del servidor tanto como sea posible
- Deshabilitar la búsqueda de DNS de Apache
- Apache Vhost: deshabilitar AllowOverride
- Deshabilitar registros binarios
- Comprimir documentos
- Optimizar archivos PDF
- Evite enviar correos electrónicos pesados y redundantes
- Utilice únicamente archivos de doble suscripción
- Reducir el tamaño de los correos electrónicos
- Adaptar formatos de audio a contextos de escucha
- Adaptar textos a la web
- Adaptar vídeos a los contextos de visualización
- Utilice menos herramientas de análisis y limite la recopilación de datos
- Limitar el uso de GIF animados
- Evitar la reproducción automática de vídeos y contenido de audio
- Usar contenedores CSS
- Proporcionar alternativas textuales al contenido multimedia
- Prefiere HTTP/2 sobre HTTP/1
- Ahorre ancho de banda con ServiceWorker
- Configurar un mapa del sitio eficiente
- Asegurar la compatibilidad con dispositivos y configuraciones de software más antiguos
- Reducir el volumen de datos almacenados al mínimo indispensable.
- Configurar una política de caducidad y eliminación de datos.
- Limitar el uso del lienzo
- Asegúrese de que los recorridos de los usuarios les permitan llevar a cabo la acción prevista
- Tener títulos de página y meta descripciones relevantes para el contenido de las páginas
- Utilice la última versión de idioma
- Solo cargue datos/código cuando sea necesario
- Eliminar funciones no utilizadas
- Prefiera PWA a aplicaciones móviles nativas similares al sitio web
- Evite tiempos de bloqueo causados por procesos de JavaScript de larga duración
- Configurar una arquitectura elástica
- Limitar llamadas API HTTP
- Evitar el uso de carruseles
- Configurar un plan de fin de vida útil del contenido
- Configurar un "disyuntor"
- Utilice "Solicitar colapso" tanto como sea posible
- Confiar en servicios gestionados
- Prefiero la paginación al desplazamiento infinito
- Cuide su sitio web con regularidad
- Elija el tema correcto y limite las extensiones de CMS
- Acceso de administración seguro
- No mostrar documentos dentro de las páginas
Las fuentes y contenidos de este proyecto están protegidos