Skip to content

Commit da0920c

Browse files
rlemaireColea02CristianPueblNillsonCastillo90Razley97
authored
Translation to spanish (#510)
* Add ES Translations, submitted by Jorge SANDERS. * Add README.es * Add ES translation, submitted by Cristian Olea. (#515) * Traduccion español BP_060 (#516) * Add es translations Chapters 107 al 114/ 4001 al 4008 (#517) * Traducción español Caps / 89-97 / 99 / 101-106 / 4021-4022 / 4030-4033 (#518) * Add es translations Juan Pablo Carrión (#519) * Update ES translations with the work of Murielle Timsit and Franklin Lecointre * Update ES translations with the work of Murielle Timsit and Franklin Lecointre Practices 4001 to 4039. --------- Co-authored-by: Colea02 <[email protected]> Co-authored-by: CristianPuebl <[email protected]> Co-authored-by: NillsonCastillo90 <[email protected]> Co-authored-by: Razley97 <[email protected]> Co-authored-by: Juan-Pablo Carrión <[email protected]> Co-authored-by: Raphaël Lemaire <[email protected]>
1 parent 0cdfbce commit da0920c

File tree

121 files changed

+5959
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

121 files changed

+5959
-0
lines changed

.DS_Store

10 KB
Binary file not shown.

README.es.md

+156
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,156 @@
1+
# 115 mejores prácticas de Ecodiseño web
2+
3+
## El proyecto
4+
5+
Este contenido de referencia sobre ecodiseño web ha sido publicado por Frédéric Bordage / GreenIT.fr en Eyrolles con el nombre:
6+
7+
1. “écoconcepción web: las 100 buenas prácticas” en 10/2012
8+
2. “écoconception web: les 115 bonnes pratiques, 2ème édition” en 09/2015
9+
3. “écoconception web: les 115 bonnes pratiques, 3ème édition” en 04/2019
10+
4. “écoconception web: les 115 bonnes pratiques, 4ème édition” en 05/2022
11+
12+
Nos gustaría expresar nuestro más sincero agradecimiento a todos los contribuyentes que participaron en el desarrollo y evolución de este repositorio.
13+
14+
## Requisitos
15+
16+
Dada la continua evolución de la web, este repositorio necesita actualizarse periódicamente.
17+
Cualquier propuesta o idea de mejora, modificación o eliminación es bienvenida.
18+
19+
## ¿Cómo contribuir?
20+
21+
Lea [la guía del colaborador] (CONTRIBUTING.md).
22+
23+
## Atajos de debates:
24+
25+
Para simplificar sus búsquedas, no olvide utilizar los filtros disponibles en la página de discusiones.
26+
27+
- :infinity: [Lista de todas las discusiones](https://github.com/cnumr/best-practices/discussions)
28+
- :heavy_plus_sign: [Lista de discusiones para agregar BP](https://github.com/cnumr/best-practices/discussions?discussions_q=label%3Aajout)
29+
- :memo: [Lista de discusiones para modificar BP](https://github.com/cnumr/best-practices/discussions?discussions_q=label%3Amodification)
30+
- :heavy_multiplication_x: [Lista de discusiones sobre la eliminación de BP](https://github.com/cnumr/best-practices/discussions?discussions_q=label%3Asuppression)
31+
32+
## Lista de mejores prácticas
33+
34+
* [Eliminar funciones no esenciales](/chapters/BP_001_en.md)
35+
* [Cuantificar con precisión las dimensiones de las características y componentes](/chapters/BP_002_en.md)
36+
* [Optimizar el recorrido del usuario](/chapters/BP_003_en.md)
37+
* [Evite el autocompletado en favor de otras técnicas para facilitar la entrada del usuario](/chapters/BP_004_en.md)
38+
* [Prefiere un diseño simple, limpio y adaptado a la web](/chapters/BP_005_es.md)
39+
* [Utilice la estrategia «mobile first» y/o considere la carga adaptativa](/chapters/BP_006_en.md)
40+
* [Respetar la caché Atrás/Adelante](/chapters/BP_007_en.md)
41+
* [Utilice un proceso asincrónico cuando sea posible](/chapters/BP_008_en.md)
42+
* [Limitar el número de solicitudes HTTP](/chapters/BP_009_en.md)
43+
* [Almacenar datos estáticos localmente](/chapters/BP_010_en.md)
44+
* [Prefiere una solución personalizada a un CMS](/chapters/BP_011_en.md)
45+
* [Prefiere páginas web estáticas](/chapters/BP_013_en.md)
46+
* [Crear una arquitectura de aplicación modular](/chapters/BP_014_en.md)
47+
* [Elija las tecnologías más adecuadas](/chapters/BP_015_es.md)
48+
* [Utilice bifurcaciones de aplicaciones orientadas al rendimiento](/chapters/BP_016_en.md)
49+
* [Elija los formatos de datos apropiados](/chapters/BP_017_en.md)
50+
* [Reducir la cantidad de dominios que sirven recursos](/chapters/BP_018_en.md)
51+
* [Reemplazar botones oficiales para compartir en redes sociales](/chapters/BP_019_en.md)
52+
* [Dividir CSS](/chapters/BP_021_en.md)
53+
* [Limitar el número de CSS](/chapters/BP_022_en.md)
54+
* [Usar CSS en lugar de imágenes](/chapters/BP_023_en.md)
55+
* [Escribir selectores CSS eficientes](/chapters/BP_024_en.md)
56+
* [Agrupar declaraciones CSS similares](/chapters/BP_025_en.md)
57+
* [Usar notaciones CSS abreviadas](/chapters/BP_026_en.md)
58+
* [Proporcionar un CSS impreso](/chapters/BP_027_en.md)
59+
* [Prefiere fuentes estándar](/chapters/BP_029_en.md)
60+
* [Prefiero glifos a imágenes](/chapters/BP_030_en.md)
61+
* [Validar páginas con herramientas del W3C](/chapters/BP_031_en.md)
62+
* [Externalizar CSS y Javascript](/chapters/BP_032_en.md)
63+
* [Evita cambiar el tamaño de las imágenes en el navegador](/chapters/BP_034_en.md)
64+
* [Evite el uso de imágenes rasterizadas para la interfaz](/chapters/BP_035_en.md)
65+
* [Optimizar imágenes vectoriales](/chapters/BP_036_en.md)
66+
* [Usar carga diferida](/chapters/BP_037_en.md)
67+
* [Usar recarga parcial de contenido](/chapters/BP_038_en.md)
68+
* [Evitar animaciones JavaScript/CSS](/chapters/BP_039_en.md)
69+
* [Utilice únicamente partes esenciales de las bibliotecas Javascript y los marcos CSS](/chapters/BP_040_en.md)
70+
* [Evitar modificaciones durante el recorrido DOM](/chapters/BP_041_en.md)
71+
* [Ocultar elementos DOM mientras se modifican](/chapters/BP_042_en.md)
72+
* [Minimizar repintado (apariencia) y redistribución (diseño)](/chapters/BP_043_en.md)
73+
* [Usar delegación de eventos](/chapters/BP_044_en.md)
74+
* [Modificar varias propiedades CSS a la vez](/chapters/BP_045_en.md)
75+
* [Valida tu código con un Linter](/chapters/BP_046_en.md)
76+
* [Caché de objetos a los que se accede con frecuencia en Javascript](/chapters/BP_049_en.md)
77+
* [Reducir el acceso DOM a través de JavaScript](/chapters/BP_054_en.md)
78+
* [Usar todos los niveles de caché de CMS](/chapters/BP_057_en.md)
79+
* [Optimizar y generar medios antes de importarlos en un CMS](/chapters/BP_058_en.md)
80+
* [Codificar archivos de audio fuera del CMS](/chapters/BP_060_en.md)
81+
* [Caché de datos calculados de uso frecuente](/chapters/BP_064_en.md)
82+
* [Eliminar todas las advertencias y avisos](/chapters/BP_070_en.md)
83+
* [Evite realizar consultas SQL dentro de un bucle](/chapters/BP_072_en.md)
84+
* [Evitar abrir conexiones de bases de datos cuando no sea necesario](/chapters/BP_073_en.md)
85+
* [Optimizar consultas de bases de datos](/chapters/BP_075_en.md)
86+
* [Evite transferir grandes cantidades de datos para tareas de procesamiento](/chapters/BP_076_en.md)
87+
* [Minimizar archivos CSS, JavaScript, HTML y SVG](/chapters/BP_077_en.md)
88+
* [Comprimir archivos CSS, Javascript, HTML y SVG](/chapters/BP_078_en.md)
89+
* [Combinar archivos CSS y JavaScript](/chapters/BP_079_en.md)
90+
* [Optimizar imágenes](/chapters/BP_080_en.md)
91+
* [Optimizar tamaño de cookies](/chapters/BP_082_en.md)
92+
* [Usar lista de precarga HSTS en 301 redirecciones](/chapters/BP_084_en.md)
93+
* [Tener una estrategia de fin de vida para el sitio web](/chapters/BP_085_en.md)
94+
* [Elija un servidor web ecológico](/chapters/BP_086_en.md)
95+
* [Elija un proveedor de electricidad ecológico](/chapters/BP_087_en.md)
96+
* [Adaptar la calidad del servicio y el nivel de disponibilidad](/chapters/BP_088_en.md)
97+
* [Usar servidores virtualizados](/chapters/BP_089_en.md)
98+
* [Optimizar la eficiencia energética del servidor](/chapters/BP_090_en.md)
99+
* [Instalar lo mínimo en los servidores](/chapters/BP_091_en.md)
100+
* [Coloque todos los cachés en la RAM (código de operación y kvs)](/chapters/BP_092_en.md)
101+
* [Almacenar datos en la nube](/chapters/BP_093_en.md)
102+
* [Recursos de alojamiento (CSS/JS) en un dominio sin cookies](/chapters/BP_094_en.md)
103+
* [Evitar redireccionamientos](/chapters/BP_095_en.md)
104+
* [Mostrar páginas de error estáticas](/chapters/BP_096_en.md)
105+
* [Usar servidores asíncronos](/chapters/BP_097_en.md)
106+
* [Usar una CDN](/chapters/BP_098_en.md)
107+
* [Usar una caché HTTP](/chapters/BP_099_en.md)
108+
* [Agregar encabezados Expires o Cache-Control](/chapters/BP_101_en.md)
109+
* [Caché de respuestas Ajax](/chapters/BP_102_en.md)
110+
* [Reducir los registros del servidor tanto como sea posible](/chapters/BP_103_en.md)
111+
* [Deshabilitar la búsqueda de DNS de Apache](/chapters/BP_104_en.md)
112+
* [Apache Vhost: deshabilitar AllowOverride](/chapters/BP_105_en.md)
113+
* [Deshabilitar registros binarios](/chapters/BP_106_en.md)
114+
* [Comprimir documentos](/chapters/BP_107_en.md)
115+
* [Optimizar archivos PDF](/chapters/BP_108_en.md)
116+
* [Evite enviar correos electrónicos pesados y redundantes](/chapters/BP_109_en.md)
117+
* [Utilice únicamente archivos de doble suscripción](/chapters/BP_110_en.md)
118+
* [Reducir el tamaño de los correos electrónicos](/chapters/BP_111_en.md)
119+
* [Adaptar formatos de audio a contextos de escucha](/chapters/BP_112_en.md)
120+
* [Adaptar textos a la web](/chapters/BP_113_es.md)
121+
* [Adaptar vídeos a los contextos de visualización](/chapters/BP_114_en.md)
122+
* [Utilice menos herramientas de análisis y limite la recopilación de datos](/chapters/BP_4001_en.md)
123+
* [Limitar el uso de GIF animados](/chapters/BP_4002_en.md)
124+
* [Evitar la reproducción automática de vídeos y contenido de audio](/chapters/BP_4003_en.md)
125+
* [Usar contenedores CSS](/chapters/BP_4004_en.md)
126+
* [Proporcionar alternativas textuales al contenido multimedia](/chapters/BP_4005_en.md)
127+
* [Prefiere HTTP/2 sobre HTTP/1](/chapters/BP_4006_en.md)
128+
* [Ahorre ancho de banda con ServiceWorker](/chapters/BP_4007_en.md)
129+
* [Configurar un mapa del sitio eficiente](/chapters/BP_4008_en.md)
130+
* [Asegurar la compatibilidad con dispositivos y configuraciones de software más antiguos](/chapters/BP_4009_en.md)
131+
* [Reducir el volumen de datos almacenados al mínimo indispensable.](/chapters/BP_4011_en.md)
132+
* [Configurar una política de caducidad y eliminación de datos.](/chapters/BP_4012_en.md)
133+
* [Limitar el uso del lienzo](/chapters/BP_4013_en.md)
134+
* [Asegúrese de que los recorridos de los usuarios les permitan llevar a cabo la acción prevista](/chapters/BP_4014_en.md)
135+
* [Tener títulos de página y meta descripciones relevantes para el contenido de las páginas](/chapters/BP_4015_en.md)
136+
* [Utilice la última versión de idioma](/chapters/BP_4016_en.md)
137+
* [Solo cargue datos/código cuando sea necesario](/chapters/BP_4017_en.md)
138+
* [Eliminar funciones no utilizadas](/chapters/BP_4018_en.md)
139+
* [Prefiera PWA a aplicaciones móviles nativas similares al sitio web](/chapters/BP_4019_en.md)
140+
* [Evite tiempos de bloqueo causados por procesos de JavaScript de larga duración](/chapters/BP_4020_en.md)
141+
* [Configurar una arquitectura elástica](/chapters/BP_4021_en.md)
142+
* [Limitar llamadas API HTTP](/chapters/BP_4022_en.md)
143+
* [Evitar el uso de carruseles](/chapters/BP_4030_en.md)
144+
* [Configurar un plan de fin de vida útil del contenido](/chapters/BP_4031_en.md)
145+
* [Configurar un "disyuntor"](/chapters/BP_4032_en.md)
146+
* [Utilice "Solicitar colapso" tanto como sea posible](/chapters/BP_4033_en.md)
147+
* [Confiar en servicios gestionados](/chapters/BP_4034_en.md)
148+
* [Prefiero la paginación al desplazamiento infinito](/chapters/BP_4035_en.md)
149+
* [Cuide su sitio web con regularidad](/chapters/BP_4036_en.md)
150+
* [Elija el tema correcto y limite las extensiones de CMS](/chapters/BP_4037_en.md)
151+
* [Acceso de administración seguro](/chapters/BP_4038_en.md)
152+
* [No mostrar documentos dentro de las páginas](/chapters/BP_4039_en.md)
153+
154+
## Licencia
155+
156+
Las fuentes y contenidos de este proyecto están [protegidos](LICENCIA.md)

chapters/BP_001_es.md

+49
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
## Eliminar funcionalidades no esenciales
2+
Traducido por: Murielle Timsit y Franklin Lecointre
3+
4+
### Identificadores
5+
6+
| GreenIT | V2 | V3 | V4 |
7+
|:-------:|:----:|:----:|:----:|
8+
| 109 | 1 | 1 |
9+
10+
### Categorías
11+
12+
| Ciclo de vida | Partes | Responsable |
13+
|:------:|:----:|
14+
| 1. Especificación | Usuario/Terminal | PO/AMOA |
15+
16+
### Indicaciones
17+
18+
| Grado de prioridad | Dificultad de implementación o ejecución | Impacto ecológico |
19+
|:-------------------:|:-------------------------:|:---------------------:|
20+
| 5 | 4 | 5 |
21+
22+
|Recursos ahorrados |
23+
|:----------------------------------------------------------:|
24+
|Procesador/ Memoria RAM/ Almacenamiento/ Red/ Consultas |
25+
26+
### Descripción
27+
Varios estudios (especialmente los de Cast Software y Standish Group) han demostrado que el 70 % de las funciones solicitadas por los usuarios no son esenciales y que el 45 % nunca se utilizan. Al reducir la cobertura y la profundidad funcional de la aplicación, se reduce su costo de desarrollo inicial, su deuda técnica y los impactos ambientales asociados.
28+
29+
De este modo se reduce mecánicamente la infraestructura necesaria para su ejecución. Además, a un nivel ergonómico constante, cuantas menos funcionalidades tenga la aplicación, más fácil será utilizarla. Por lo tanto, hay que reducir al mínimo la cobertura funcional de la aplicación, centrándose en la necesidad esencial del usuario.
30+
31+
Las funcionalidades no esenciales pueden detectarse al analizar los requisitos.
32+
. El método Moscow, talleres técnicos, wireframes (maquetas funcionales) o prototipos con pruebas de usuario permiten comprobar la utilidad de una funcionalidad antes de desarrollar la.
33+
34+
35+
### Ejemplo
36+
Los éxitos recientes en la web - Google, Twitter, WhatsApp, Pinterest, Instagram, etc. - ofrecen todos un único servicio y apuestan por una gran sobriedad funcional.
37+
38+
Al analizar la expresión de la necesidad, hay que plantearse, los requisitos, la pregunta: «¿Qué pasa si no lo tenemos?».
39+
40+
Respetar el principio YAGNI (You Ain’t Gonna Need It) del método ágil
41+
Extreme Programming (XP) : desarrolla cuando realmente necesitas una funcionalidad, no cuando imaginas necesitarla.
42+
43+
#### Principio de validación
44+
45+
46+
| El número . ... | es inferior o igual a |
47+
|-------------------|:-------------------------:|
48+
| de funcionalidades cuya utilidad no ha sido comprobada con un panel de usuarios antes del desarrollo | 0 % |
49+

chapters/BP_002_es.md

+48
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
## Cuantificar con precisión la necesidad
2+
Traducido por: Murielle Timsit y Franklin Lecointre
3+
4+
### Identificadores
5+
6+
| GreenIT | V2 | V3 | V4 |
7+
|:-------:|:----:|:----:|:----:|
8+
| 110 | 2 | 2 | |
9+
10+
### Categorías
11+
12+
| Ciclo de vida | Partes | Responsable |
13+
|:------:|:----:|
14+
| 1. Especificación | Usuario/Terminal | PO/AMOA |
15+
16+
### Indicaciones
17+
18+
| Grado de prioridad | Dificultad de implementación o ejecución | impacto ecológico |
19+
|:-------------------:|:-------------------------:|:---------------------:|
20+
| 5 | 4 | 5 |
21+
22+
|Recursos ahorrados |
23+
|:----------------------------------------------------------:|
24+
|Procesador/ Memoria RAM / Almacenamiento/ Red/ Consultas |
25+
26+
### Descripción
27+
28+
Las «dimensiones» de cada funcionalidad deben definirse con precisión y en su conjunto. Pueden ser un coeficiente de compresión para las imágenes de la interfaz gráfica, el tiempo de respuesta máximo para una petición HTTP, el número de elementos mostrados en una lista, etc.
29+
30+
Cuanto más se ajusten al negocio las «dimensiones» y los requisitos asociados a cada funcionalidad, más se evita el exceso de calidad.
31+
Por lo tanto, la lógica debe invertirse con respecto a los hábitos actuales. A falta de precisión, se propone el nivel de calidad o la cantidad mínima. Por ejemplo, si no se especifica, el número de elementos de una lista está limitado a 5 elementos o al número máximo que se muestra en la pantalla de destino más pequeña de la aplicación.
32+
33+
Los valores predeterminados, que el usuario rara vez modifica, deben elegirse para satisfacer la necesidad con un impacto mínimo.
34+
35+
### Ejemplo
36+
37+
Beneficio potencial: jugando con el número de elementos que aparecen en la página de resultados de su motor de búsqueda Bing,
38+
Microsoft Research ha demostrado que es posible reducir hasta un 80 % la infraestructura física (número de servidores) subyacente.
39+
40+
Otro ejemplo: usando una resolución de vídeo aceptable (480p) por defecto en lugar de máxima, se reduce el ancho de banda utilizado para la mayoría de los usuarios (que no cambiarán el valor predeterminado), dejando la posibilidad a otros aumentar la resolución si es necesario.
41+
42+
### Principio de validación
43+
44+
| El número .. | es igual a |
45+
|-------------------|:-------------------------:|
46+
| de funcionalidades con dimensiones superiores a las requeridas. | 0 |
47+
48+

chapters/BP_003_es.md

+45
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
## Optimizar el recorrido del usuario
2+
Traducido por: Murielle Timsit y Franklin Lecointre
3+
4+
### Identificadores
5+
6+
| GreenIT | V2 | V3 | V4 |
7+
|:-------:|:----:|:----:|:----:|
8+
| 111 | 3 | 3 | |
9+
10+
### Categorías
11+
12+
| Ciclo de vida | Partes | Responsable |
13+
|:------:|:----:|
14+
| 2. Diseño | Usuario/Terminal | Diseñador UX/UI|
15+
16+
### Indicaciones
17+
18+
| Grado de prioridad | Dificultad de implementación o ejecución | Impacto ecológico |
19+
|:-------------------:|:-------------------------:|:---------------------:|
20+
| 5 | 4 | 5 |
21+
22+
|Recursos ahorrados |
23+
|:----------------------------------------------------------:|
24+
|Procesador / Memoria RAM / Almacenamiento / Red / Consultas |
25+
26+
### Descripción
27+
28+
Optimizar el recorrido del usuario consiste en reducir el tiempo empleado por el usuario en sus usos más frecuentes. Primero, centrarse en los recorridos más frecuentes y luego optimizar su uso: reducir el número de pasos, reducir el número de acciones, eliminar lo inútil, identificar los casos de fracaso, optimizar los tiempos de respuesta... Un recorrido está bien diseñado cuando el programa se comporta exactamente como el usuario lo imagina.
29+
30+
Como mínimo, sondear observando a su entorno utilizando el servicio es una buena manera de identificar los puntos de fricción - situaciones o interacciones que contribuyen a degradar la experiencia del usuario y ralentizar el recorrido - de los usuarios. Las pruebas con usuarios permiten ir más allá en la búsqueda de estos puntos de fricción.
31+
32+
El tiempo pasado por el usuario en su terminal es el segundo factor en cuanto a impactos ambientales.
33+
34+
#### Ejemplo
35+
36+
* Proponer, para una web de gran distribución, un nuevo pedido basándose en el contenido del pedido anterior.
37+
* Comprar sin registrarse en un sitio de comercio electrónico.
38+
* Copiar/pegar su resumen de identificación bancaria directamente en vez de descargarlo y transferirlo.
39+
* Destacar los campos o filtros más utilizados.
40+
41+
### Principio de validación
42+
43+
| El número de | es inferior o igual a |
44+
|-------------------|:-------------------------:|
45+
| puntos de fricción | 0 |

0 commit comments

Comments
 (0)