 Vale, pues vamos a arrancar. Siempre lo que hacemos antes de comenzar es comentar un poco de qué va esto del grupo de WordPress Barcelona, vale, para los que seáis nuevos pues que sepáis un poco de qué va y los que ya venís más habitualmente pues, os tenéis que comer este pequeño tostón de cinco minutos, pero ya está. Vale, pues... Uy, no lo quiero coger. Ah, me deja mal, ¿eh? No, no. Ahora. Vale, básicamente el grupo de WordPress Barcelona es un grupo de Meetup, pero no deja de ser un grupo de gente que nos organizamos para hacer un evento, en este caso, al mes. La idea o el concepto que tenemos es que sea un grupo diverso, o sea, es decir, cualquier tipo de perfil y cualquier tipo de persona es bienvenido y lo que hacemos es hacer charlas centradas en... Es un poco de desarrollo web en general y WordPress en particular, es decir, siempre vamos a hablar de todo lo que tenga que ver en torno al desarrollo web con el punto en común de que sea WordPress, que al final por eso se llama WordPress Meetup, porque si no se llamaría Pepito Meetup, ¿vale? Y la otra parte que tiene importante es que tiene un carácter local, es decir, estamos en la ciudad de Barcelona y siempre lo que vamos a intentar es que las personas que vengan a dar una charla o lo que sea, este mínimamente relacionado con Barcelona. Vamos a tocar, o sea, vamos a hacer charlas de todos los perfiles de la misma manera que todos los asistentes tenemos un perfil diferente, ¿vale? Y la idea o un poco el concepto es que podamos estar todos contentos, es decir, no hacer muchas charlas técnicas, no hacer muchas charlas de diseño, no hacer muchas charlas de deseo, sino intentar poder abarcar todos los perfiles para que todos estemos contentos, porque al final la razón de la Meetup es que todos estemos contentos porque la hacemos entre todos, ¿vale? Hay algunos que prengamos más, que somos los que estamos en la organización, pero al final es un poco de todos. Los principales puntos donde nos vais a encontrar es en la web de, o sea, en el canal de YouTube, tenemos un canal de YouTube donde tenemos todos los vídeos de las charlas grabados. Cuando empezó, antes de pandemia, hay algunos subidos grabados, durante la pandemia los hicimos todos online y están todos grabados y desde pandemia hasta ahora los estamos grabando todos con cámara y pues a los siguientes días los vamos a subir nosotros en nuestro canal. Tenemos la web de Meetup.com donde vamos dando de alta las diferentes charlas que hacemos. La mayoría de vosotros os habéis enterado de esta charla por la web de Meetup. Luego también tenemos WordPress TV, que es un poco la réplica de YouTube, ¿vale? En YouTube van a estar solamente nuestros vídeos y en WordPress TV tenéis la ventaja de que se suben todos los vídeos de los diferentes eventos de WordPress que se hacen en todo el mundo, desde Meetups, desde WorkCamps, etcétera, etcétera, en diferentes idiomas, etcétera, etcétera. Quien no conozca la, todos lo conocéis, la plataforma WordPress TV, ¿sí? Más o menos, no. Pues quien no la conozca que entre porque es muy interesante. Y luego tenemos nuestra propia web, que esto es un honor decirlo, porque hasta ahora lo que teníamos era una cosa así un poco chusquera y ahora tenemos una cosa bastante decente en el que damos de alta pues un poco el compendio de las tres cosas que habéis visto ahí, es decir, damos de alta las diferentes Meetups, damos de alta también los vídeos y además alimentamos cada entrada pues con las slides de la persona que ha venido a dar la charla, con el vídeo, enlaces de interés y aparte si os ha gustado alguna de las personas que ha venido a dar una charla tienen una ficha en la web, etcétera, etcétera. Los que no os conozcáis os invito a que la visitéis. Hoy me la está jugando, ¿eh? Cachivache. Sí, sí. Es que no tiene, no llega. ¿Le has cambiado las pilas? No va con pilas, esto. Tiene batería. No, no, pero funciona, funciona, lo que no coge la señal. Vale, ¿quién organizamos esto de WordPress Barcelona? Pues estos cuatro que vemos aquí y Nora, presentate tú. Hola, yo soy Nora Ferreiros. Uy, es verdad. Hola, sí, sí. Vale, bueno, luego os explico que era un poco más, pero bueno, yo soy Nora Ferreiros, soy la única diseñadora del grupo, soy diseñadora de interfaces y experiencias tuario y soy autónoma. Yo diseño para WordPress y para todo un poco lo que me toqué. Muy bien, luego tenemos a tanto José Conti como a Núria Ramoneda, que no han ponido venir hoy a la sesión y, bueno, José es programador de WordPress y de BuCommerce y Núria es desarrolladora de WordPress. Y luego estoy yo, que me amujo en cada día, soy programador frontend, programador de lo que se ve, como a mí me gusta decir para que se entienda lo que hago y tengo mi propio estudio donde hacemos temas y plugins a medida, se llama jblobia.com. Si me queda acercaso. Vale, aquí tenemos los diferentes patrocinadores que tenemos tanto en el grupo y para este evento. Por un lado tenemos la Workham Central, que es quien ha patrocinado estas tres ediciones que hemos hecho aquí en el Betahouse. Tiene un plan en el que si necesitas fondos económicos para poder hacer las diferentes meetups, pues nosotros nos hemos acogido a uno de esos fondos para estos tres últimas sesiones que se nos quedaban colgadas del 2022, pues hemos podido recurrir a este fondo para que no subvencionen y nos paguen el alquiler de la sala. Por otro lado tenemos Siteground, que es el patrocinador que cuando acabemos aquí la charla vamos a tener unas empanadillas y unas bebidas, pues es el patrocinador que paga un poco el networking que se dice y por otro lado tenemos Betahouse, que en esta edición lo que ha hecho es patrocinar toda la parte del co-working day que ha tenido durante el día de hoy aquí, que algunos de vosotros ha asistido al co-working day, creo que solo uno. ¿Sabéis está vosotros dos a todo el día desde primera hora? Más o menos ¿no? Ya ha sido interesante, bueno para que como queda en vídeo lo explico un poco, pues la idea era dar un día gratuito para que los diferentes existentes a esta meetup pues pudieran probar un día en el co-working como es un día y la experiencia etcétera. Hoy vamos a ver cómo y por qué crear web más sostenibles con WordPress, con Nagua y con Nora y aunque no lo tenemos puesto aquí ya tenemos la fecha de la siguiente que era el 26, ¿no? 27 de enero y además estrenamos sitio, porque creo que era una iniciativa, o sea era una, no me sale la palabra, una convocatoria, abrir una convocatoria para poder las diferentes diferentes grupos y entidades que quisieran participar en poder dar charlas o poder hacer uso del Canodrum, quien no lo conozca el Canodrum es un edificio donde hace muchísimos años pues su nombre ya te lo diga, eran Canodrum, o sea se hacían carreras de perros, es que como me parece raro hasta decirlo porque es, me parece tan una trocida tan grande que, pero bueno, sí que es verdad que también la idea de, sí, parece muchísimos años que no se utilizaba, me parece muchísimos, claro. Bueno, pues aquí está un claro ejemplo de lo que se puede hacer con un edificio que se ha destinado a un uso un poco raro y pues lo han aprovechado, lo han reformado en su día, era un co-working y ahora forma parte del Ayuntamenta Barcelona y lo que hacen es pues lo que veis es un sitio en el que se hacen diferentes entidades relacionadas con software, creo que más cosas ¿no? porque hacen también temas de como pone ahí. Es básicamente como tecnológico en torno al open source, al código abierto, entonces bueno, parece como un poco hecha medida nuestra, pero a lo que hay acogen proyectos de todo tipo tecnológicos que trabajen con recursos y en el entorno con los valores del código abierto y pues ir allá a trabajar o te hacen espacios o lo que sea, entonces bueno, tienen unos valores X y si los cumples y tienen espacio en este caso tenían pues te aceptan y ahí están, ahí aparte de estar nosotros pues hay muchas otras iniciativas y eventos relacionados con tecnología, es bastante interesante pero bueno eso entrais en la web, lo miráis. Así que en principio arrancaremos ya el año que viene todo 2023 haciendo las charlas aquí en el Canodrum, entonces ya nos marearemos tanto con la hacemos aquí ahora la hacemos allá, etcétera, etcétera, sino que lo salemos aquí. Formato va a ser el mismo, es decir charlas de una hora, hora y media con luego un pica pica al acabar, lo único que cambiaremos es la hora, hasta ahora las estábamos haciendo a las 7, aquí las haremos a las 6 porque es el horario que tienen es hasta las 8, entonces la reserva que haremos es de 6 a 8, ¿vale? y bueno, tenéis aquí un poco los datos ¿no? la sala donde haremos la charla se llama Ada Lovelace, la ubicación es la calle consopción Arenal 165 y tenéis el metro más cercano es la línea 1, creo que es la roja ¿no? Fabra y Pooch y cualquier duda, cualquier cosa tenéis la web del Canodrum para ver cómo llegar, hay fotos de la sala, etcétera, etcétera ¿vale? para los que tengáis dudas y yo diría que con esto si me hace caso, ¿vale? y simplemente recordar que las meetups son para el beneficio de la comunidad WordPress en su conjunto no de negocios o individuos concretos y llegados a este punto, os dejamos con Aguay y con Nora. Bueno, empezaré yo presentando, muy bien, a ver si funciona, bueno, si no os diré a vosotros que lo paséis, bueno, muchas gracias por venir a vernos, en verdad nos hace mucha ilusión que hayáis venido a una charla sobre sostenibilidad porque sabemos que es un tema concreto, el primero os vamos a hablar, sí que tiembla, pero... ¿qué os vamos a contar? o sea que os vamos a volar hoy, os vamos a meter un poco la moto, pero bueno, no mucho, os vamos a contar un poco el contexto, es decir, de qué va esto la sostenibilidad, os vamos a decir un poco qué puede pasar a corto termo, a corto no sería, a corto, a corto medio plazo, eso quería decir, con el tema, es una hipótesis de lo que creemos que podría pasar, qué beneficios hay de hacer web más sostenibles a parte de los obvios y quién se puede beneficiar de ello, luego os contaremos trucos para cómo podéis hacer web más sostenibles, recordamos que es más sostenible, la perfección no existe, sí que simplemente son cosas para que podáis empezar a implementar, todo suma y por último os contaremos pues cómo hemos llegado hasta aquí y qué hace WordPress al respecto de este tema, porque por suerte la comunidad WordPress hace algo al respecto, ¿vale? y si es contagioso, ya lo digo ahora, vale, eso es lo que os vamos a decir y quién es somos nosotros, quién es la gente que os lo va a contar, bueno, estos somos nosotros, esto es absolutamente real, de hecho este es el evento, sí, es el primer evento que hacemos Nagua y yo juntos desde este momento público, si no sabéis lo que es o no lo habéis visto, bueno, este es un evento que hicimos para la work en España de no me acuerdo qué año, 2021 creo, podéis verlo en golpes de Vestals y buscáis Late Show o Late Night y todo, que bueno, que a veces damos charlas intensas, pero la mayoría del tiempo somos esta gente super seria y rubrosa, entonces lo primero que os voy a contar yo del contexto, os voy a contar qué es la sustentabilidad o qué podemos entender por sustentabilidad, aquí es donde vivimos nosotros, ¿vale? esta es la tierra y esto es como más o menos la mayoría de nosotros, la mayoría de gente en este caso yo ya no entendemos que funciona un poco la cosa, bueno, esta es el planeta, en el planeta pues hay materia, lo que llamamos materias primas, cosas, hay minerales, hay agua, hay madera, hay todo lo que nos hace falta para vivir se supone, todas esas cosas nos hacen falta para hacer todo lo que usamos, la ropa que nos ponemos, cualquier cosa que haya por ahí y después pues no sé, hay una magia, nosotros tiramos las cosas al contenedor y no sabemos qué pasa y luego volvemos a este punto otra vez y ya está, hay una especie de universo paralelo en el que se va a todas las cosas que no usamos y en ese universo mágico también es donde está la nube, que no sabemos dónde está ni qué pasa, pero que es la magia que hace que funcione internet, bueno, esta es un poco la condición que tenemos, pero la sustentabilidad, lo que nos quiere enseñar es que en realidad lo que pasa o lo que debería pasar es esto, hay el planeta con lo que hay dentro, nosotros incluidos, he hecho las flechas al red, perdonad, hacía las flechas, esto va aquí y esto va aquí, ¿vale? están los recursos, las recursos hacemos cosas y una vez que ya no usamos esas cosas o si las desechamos y las tiramos al vertedero, se siguen quedando allí dentro, podemos hacer algo, podemos no hacer algo, podemos consumir menos cosas, pero en cualquier caso ser consciente de que esto es en verdad lo que pasa sería un poco el tema de la sostenibilidad, sostenibilidad es poder hacer este círculo constante y que las cosas vuelvan a ser materias primas y eso nos permitiría hacerlo para siempre, técnicamente, todo es bueno. Esto sería un poco el contexto en el que nos movemos, evidentemente con esta charla no vamos a solucionar este problema, pero sólo para que nos ubiquemos un poco en lo que entendemos por sostenibilidad, ¿vale? Para que nos ubiquemos un poco más en lo que estamos, retomando lo que os decía del internet que funciona con magia, evidentemente no es verdad, aunque muchas veces el concepto de la nube nos ayude como pensar, de que los datos están por ahí, no sé qué, en realidad estos son los datos, la pregunta no es si internet es sostenible en realidad, la pregunta es el internet que utilizamos ahora de la manera que utilizamos ahora y etcétera es sostenible, las cosas pueden ser sostenibles o no, depende más de cómo los usemos y bueno con estos datos sería un poco la respuesta, ¿vale? Si internet fuera un país sería el sexto en gasto energético, eso es un poco loco, pero por supuesto sería de occidente ese país. Internet, esto es bastante interesante, emitimos utilizando internet más gases invernadero que los aviones, que cogiendo avión, que también está ahora muy de moda, ¿no? Que si viajamos, no bajamos, que si teclosuit y tal, bueno pues que sepáis que internet usando internet todavía entre todos gastamos más, que supone el 2% de las emisiones de CO2 totales, pero que en 2040 si no hacemos nada, es decir, si internet es igual que ahora o seguimos en la progresión en la que vamos llegaremos al 14%, que solo entre el 5 y el 31% de las webs que existen ahora mismo están en un hosting que utiliza energía renovable para funcionar, porque recordemos que nos hace falta energía, no hay magia en internet y que las páginas webs de las que hay todas, no solo las que están cogiendo energía renovable, se gastan entre 1,2 a 3,6 gramos de CO2 por cada página que visitamos. Esto es página, no es web, es página individual, URL, es decir, seguro que si todas vuestras webs tienen varias páginas. Bueno, pues esta es cada una de las páginas, no todo el concepto de la web, ¿vale? Ahora que os he dado muchísimo bajón, le voy a dejar a no hay que se coma el marrón. Entonces básicamente después de lo que os ha comentado Nora, pues vosotros podéis estar con un mod distinto, ¿no? unos podéis estar un poco más así, rollo, vamos a morir todos, vamos a intentar hacer algo para evitarlo, pero también es verdad que puede haber algunos de vosotros que digáis, pues tampoco estamos tan mal, yo creo que esto dura un buen ratito más, ¿vale? Entonces como aquí no hemos venido a juzgar que tenéis que pensar ni nada de esto, mi idea es introduciros un par de hipótesis que podrían ocurrir en los siguientes años para que independientemente de en qué muto o en qué meme os veáis representados, pues os convenzca gracias a estas hipótesis, ¿vale? La primera de ellas sería que igual en unos años y ya veremos que la primera vez que propuse esto me pareció un poco fliparse y os puede parecer un poco flipado, pero creo que bueno nos estamos acercando, es que se creó un certificado sobre sostenibilidad web y que esté basado ahora mismo en CO2 emitido, ¿vale? Estos puede parecer un poco flipado, pero si vamos a cosas que ya están ocurriendo, supongo que esto os suena de algo, ¿verdad? Son las categorías que ahora se han actualizado, creo que han juntado todas las AS, pero el concepto es que la A es lo que menos consume y si tenéis una lavadora G es un mal momento para tener cualquier electrodoméstico que esté aquí porque consume mucha más energía y aparte de fastidiar el planeta independientemente te va a hacer daño en tu factura, pero bueno, esa es otra historia. Luego otra opción que seguramente os suena son estas pegatinas, la intención es la misma, la esencia supongo que es buena, pero no se entiende muy bien, no sé cómo lo veis vosotros, pero que la B sea la peor de las opciones y que esté en amarillo y que luego la C esté en verde cuando esto supone que es cuanto más verde está asociado a sostenibilidad, menos humo. Luego tenemos la certificación eco, luego la cero, bueno, básicamente es una certificación que es bastante eliosa, pero el concepto que hay detrás es que básicamente sepas si tu coche está en una categoría que contamina mucho, de hecho, hay ciudades que ya están restringiendo el paso a algunos vehículos y estos son casos un poco de la vida física o de sí, pero si nos lo llevamos a nuestro territorio, que es la parte web, tenemos un ejemplo que es que con accesibilidad, existen estas, bueno, básicamente guidelines o recomendaciones de la WCAG que básicamente está diciendo si tu web es accesible o no, a ese estándar, vale. De hecho esto es obligatorio ahora mismo si creas webs gubernamentales o de algunos tipos, vale, con lo cual ya veis que eso de esa flipada de que haya un certificado, bueno, empieza a tener un poco más de sentido. Pero os voy a proponer un nuevo, o sea como todavía no hay este estándar creado, voy a proponeros un estándar que pues yo propuse este sistema visual que es bastante gráfico, que es son pinos, cuantos más pinos más sostenibles tu web, el gran Juan Hernando Ciudadanove le acuñó el término Nagua y pinitos, lo cual me parece bastante interesante y aparte de ser sofisticado, elegante y entendible, tiene la ventaja de que en temporadas festivas como estas podemos hacer que tengas esto que en el que básicamente te ajustas y te ganas un poco a la gente que está en mut navideño, bueno, quitando bromas aparte, para la hipótesis 1 os voy a traer varias herramientas que ya existen y que bueno, nos pueden indicar que igual juntándolas todas o creando un estándar alrededor de estas podría ir o cumplir esta hipótesis, vale. La primera de ellas es Website Carbon Calculator, es una de las más conocidas todas ellas, básicamente tú pones la URL en su web y te dan unos datos, no me voy a enrollar mucho en qué significa cada dato porque la idea es que todas ellas básicamente te dicen principalmente si estás en qué rango de comparado con el resto de la web estás, en este caso es mi web y está considera que está entre las 90% más del 90% que están más, le llaman limpias, te dice el estimado de CO2 que se libera por cada página, visita y luego también una cosa muy interesante es que te dices si está utilizando un hosting sostenible o no, vale, esto luego se explicaré cómo lo hace y además todas ellas o al menos algunas intentan poner en contexto qué significa eso, vale. Aquí por ejemplo te dice que si tienes 10.000 páginas, esta web si tuviera 10.000 páginas mensuales, si yo plantar a un árbol podría hacer un offset de esto, vale. Esta no es la idea general pero bueno básicamente es para que te hagas una idea de cuán contaminante o puede llegar a ser tu web. Otra de ellas es EcoPink que también te da un eco score, ya veis que da un 87 o algo parecido al 90 que consideraba website calculator, la diferencia aquí es que te da ahí en la izquierda ahí como más subapartados y tú puedes ir a ver pues qué está ocupando cada cosa, vale, que luego hablaremos de imágenes, vídeos y demás y también te dice algunos trucos que puedes hacer para mejorar, veréis que el número de CO2 aquí cambia un poco porque por ejemplo no está considerando que mi hosting tenga energía limpia sino que está considerando que como está en España hay un porcentaje x de energía limpia y entonces hace el cálculo con eso, vale. Por eso el número de CO2 que van apareciendo veréis que discrepancias no es lo más importante, vale. La idea es que cada una de ellas te puede dar un indicador en este caso pues EcoGrader en el caso de mi web es una de las que mejor sale parada pero bueno te da un número de CO2 que está liberando y aquí abajo hay un montón de insights que no las he puesto pero la idea es plantearos que podéis visitar estas webs y elegir un poco o la combinación de las que os sirvan para para hacer cambios, vale. Y por último está Beacon que es bastante similar a las anteriores en este caso incorpora también las Google Core Vitals que te las muestra abajo y bueno básicamente también te dice considera que en este caso esta página estaría considera como great o sea buena a nivel de huella de carbono, vale. Entonces la idea no es tanto que te obsesiones con los números de CO2 y demás ni incluso ni que te obsesiones en que estés en great, fantastic, 99, 100% sino que si tú estás por ejemplo la primera vez que vas en un 60 si puedes tomar ciertas acciones para pasar a un 70 pues bienvenido sea, vale. O sea es un poco para que os sirva de motivación para para para mejorar vuestra web y hacerla un poco más sostenible. Esta The Green West Foundation es básicamente una fundación que tiene una API que permite que todos los anteriores que hemos visto miren si tu hosting está en energías libres o sea energías alternativas o verdes o no lo están, vale. Muchas de ellas tienen lo que se llaman sellos de sostenibilidad web. Básicamente esto ahora no es un estándar pero ya veis que también han sacado pues website Carbon Calculator, tiene la suya, Coping y también The Green West Foundation te permite poner en el footer o donde tú consideres que tu web está utilizando energía limpia. Tienen APIs públicas con lo cual si hay algún desarrollador que quiere engancharse aquí y hacer cosas relacionadas con estas se puede hacer. De hecho luego explicaremos un par de plugins que utilizan que utilizan esto y para que veáis casos prácticos también para que no veáis que esto es de pues de cuatro motivados que empiezan a utilizar esto Vibacy Future utiliza al final de todos sus posts, utiliza básicamente pone la cantidad utilizando estas APIs de CO2 que emite ese artículo, vale. Y luego Ecosia que es un buscador que planta árboles por cada búsqueda que realizas o cada X búsquedas que utilizas han incorporado esta opción que bueno este icono en este caso que es una hoja que significa que esa web está utilizando un hosting con energías verdes, vale. Está utilizando la API de The Green West Foundation y entonces es una forma de destacar. Esto es un poco para que veáis que existir algunas cosas ya existen y de hecho por ejemplo si tenéis en vuestro caso o para vuestros clientes tienen algo de por ejemplo moda sostenible y tienen una web en la que quieren reflejar que les importa también esta parte de sostenibilidad digital es una buena forma de ponerlo abajo y decir oye estamos utilizando un hosting sostenible o utilizamos menos liberamos menos CO2 por visita o demás, vale. Esta hipótesis de los Naguepinitos y de más lo hice ya hace un año y pico así y sonaba bastante de flipao porque no lo voy a negar que soy un poco motivado de la vida pero que sepáis que ahora mismo ya existe un grupo de la W3T que es el mismo grupo que ha creado los estándares de accesibilidad que nos estamos reuniendo para a lo largo de meses años la idea es crear un set de recomendaciones también para que la gente pueda crear web sostenibles de aquí a que haya un estándar puede pasar tiempo pero bueno que vamos en esa dirección y puede ser que no me haya flipado tanto, vale. La hipótesis 2 es fliparse un poquito más pero está relacionada con la primera. Si ocurre la primera yo no veo tan loco que de repente Google utilice esos datos o esos sellos para utilizarlo como factor de posicionamiento también vale y aquí ya seguramente he captado la atención de más de uno que está diciendo bueno lo del sello así que no es oficial tampoco me convence entonces si os dais cuenta en las Google call vitals van tuneando esto cada vez van metiendo fcps el cls o sea siglas un poco complicadas para los que no estamos mirando el vitals todo el día pero van metiendo cosas nuevas y esto es un algoritmo que van mejorando y van metiendo más factores y una de ellas es que evita bueno lo que ellos llaman evita cargas cargas útiles de gran tamaño esto traducido es básicamente el peso de la página y el peso de la página como luego veremos es uno de los factores más importantes veremos de forma ampliada para bueno para que sea sostenible porque si hay muchos megas es mucha transferencia de datos y demás entonces bueno simplemente que lo tengáis en cuenta que estos son dos hipótesis que os pueden motivar de una forma extra para que digáis venga vamos a ver qué se puede hacer a nivel de sostenibilidad entonces vamos a resumirlo esto es un campo super grande vamos a resumirlo en tres apartados que son cantidad de información lo que os comentaba cuánto va a viajar o sea cuántos megabytes van a viajar cuando visitan ya veremos que cuanto menos mejor la fuente de energía que también hemos tocado un poco que puede venir de energías renovables o no y la accesibilidad de la información que igual no parece tan intuitivo o ligado con sostenibilidad pero realmente lo está porque cuanto antes consigas que el usuario llega a la información que está buscando reducir número de clicks y demás y esa parte la explicará todavía mejor Nora entonces empezando por el principio el tamaño en este caso peso importa vale entonces aquí tenemos una representación de los distintos factos a elementos de una web y cuánto ocupa cada uno vale la web la web media el peso de la web media ha pasado a ser dos megas vale prácticamente ha crecido un 600 por ciento en los últimos 10 años si yo os digo que me digáis qué pensáis que es este bloque de aquí que es un 50 por ciento del peso cuál sería vuestra vale alguien más piensa que son las fotos vale bueno pues realmente muy buenas respuestas porque en primer lugar están las imágenes pero en segundo es el vídeo o sea realmente las imágenes son el 50 por ciento el vídeo es otro 25 por ciento sea que la suma es la gran mayoría y el resto es código que también incluye las fuentes y demás vale entonces esta sería un poco la parte del setup pero como aquí tenemos una diseñadora que sabe cómo gestionar como Dios manda los elementos gráficos pues os va a contar cómo hacerlo a ver a ver yo sólo vengo a meter os caña aquí bueno esto que viste aquí es un tweet que me vino al pelo para estachar la que vi el otro día en la primera parte dice que a los usuarios no les importa lo bonito que sea tu diseño sino que lo que os preocupa son sus propios problemas vale esto es como diseñadora es el principal problema que me ha encontrado siempre haciendo webs y no voy a decirlo para clientes sino para otros compañeros que a lo mejor nos dedican al diseño y es lo que es importante para nosotros no es tan importante para el usuario y os voy a contar por qué esto afecta a la usabilidad no es que está metiendo mi cuña de diseño que sí pero bueno estoy aprovechando vale entonces tener bastante en cuenta esto lo primero que es muy importante para bueno pues para reducir la carga de la página y para hacer que esa página gaste menos energía es contemplar los contenidos que propósito tiene el contenido tenéis que evitar que el contenido es cuanto más contenido haya hay más tiempo pierde la gente o sea cuanto más contenido que que no es útil quiero decir hay más tiempo pierde la gente encontrando lo que sí quiere buscar el típico caso suele ser un montón de textos hablando de mí de mi historia de yo de lo bueno que soy yo y yo y yo y a lo mejor el usuario dice vale pero qué haces porque no estoy entendiendo que me está solucionando entonces es tiempo que el usuario tiene que estar buscando a ver dónde encuentra el botón de no sé qué vale mi ejemplo preferido es un ejemplo personal es no poner nunca cuánto cuesta el envío entonces que hago yo si hay alguien de marketing que sepáis que soy yo esa persona que abaldona todos los carritos porque qué hago le doy a comprar una cosa me voy a la cesta llego hasta donde puedo ver la información de envío y me marchó eso son una cantidad de páginas que he visitado y una cantidad de movimiento en la web simplemente porque quería saber cuánto me iba a costar el envío que no acaba de tener demasiado sentido pero como esto lo podéis aplicar a muchas otras cosas el mismo del contenido escondido que vendría a ser este caso también de lo tengo que buscar en 700 páginas y me tengo que recorrer toda la web o contenido repetido una y otra vez que no me es útil más cosas el la navegación es decir el recorrido que yo tengo que hacer para llegar a las cosas puede ser a veces confuso es decir que no haya ningún tipo de maldad simplemente que a mí me pareció lógico ese recorrido y el usuario no se lo parece y tiene que estar dando vueltas hasta que encuentre la página o el elemento que necesita o si puede ser engañosa no me voy a extender porque vale entonces al final aquí es evitar yo desde mi punto de vista aparte de la sustinuidad no ayuda mucho que que si hacéis un malseo decís y decís aquí tal cosa y cuando le doy no es acosa o hacéis clic veis que al final que la persona no va a encontrar al otro lado de ese hiper vínculo lo que de verdad está buscando ni va a comprar evidentemente va a hacer visitas a web si cargas en la web que no son necesarias y bueno yo creo que hay frustración para todos para repartir vale lo mismo como tenemos mucho contenido hacemos más páginas para que no sea pesado pero tampoco son útiles o luego está pues la gente haciendo el ninja con los pop-ups para ver si consigue ir a lo que realmente quiere vale evidentemente nada ni es totalmente bueno ni totalmente malo es un tema de encontrar el equilibrio y luego está el paralucir hay que sufrir que es un poco a colación del tuit que os ponía antes no dejo es que esto es muy guau es que esto mola un montón es que voy a poner unas cosas que tenga que hacer 50 veces es cruel porque hace unas animaciones pero no da ninguna información en concreto evidentemente todo esto que yo os digo es aplicado a que la única función sea guau como mola guau como mola no soluciona ningún problema a nadie vale entonces también se aplica a cuando el criterio para poner algo sea es más fácil hacer lo que más da esto se revierte en problemas de usabilidad y que el usuario siga dando vueltas porque no entiende cómo funcionan las cosas realmente todo es un poco lo mismo vale y por último esta parte que es la que repito en todas mis charlas que es difícil pero que el contenido se pueda escanear que quiere decir que de un vistazo puedo ver si me interesa lo mismo que hacemos cuando le bueno no sé si yo ya no leo periódicos en papel pero bueno se escanean los títulos y cuando veo la noticia que me interesa me paro y leo funciona así con todo vale que sea legible es decir que físicamente se lea que realmente no sea súper pequeño que el contraste sea adecuado y demás y que sea accesible que va un poco de la mano con que sea legible vale que sea percibible por el ojo humano al menos algunas cosas que podéis tener en cuenta para cumplir esta última parte el tema de la jerarquía jerarquizarnos más que ordenarlos contenidos antes de ponerte a a volcarlos en la web es decir que los agrupes correctamente que los pongas en el orden que es más lógico para la persona o que los vaya a necesitar y que sepas que es lo más importante o que va primero o que va después vale hacer este ejercicio esto se tiene que hacer antes y si no lo sabéis hacer puedes contratar un copywriter como celi y os ayudará vale el tema del contraste yo sé esto lo hacemos mucho los diseñadores no entiendo por qué pero lo hacemos que es poner textos grises sobre fondos grises textos grises sobre fondos blancos y ese tipo de cosas si no hay suficiente contraste no se va a leer y tú crees que lo lees porque lo sabéis lo has visto tantas veces y a los leído tantas veces que te crees que se ve no se ve simplemente pedirle a otra persona que lo intente y no se ve vale y lo mismo al contrario si hay demasiado contraste rojos con verde y cosas de este tipo tampoco se leera bien no hay que inventar la rueda negra sobre lo anco siempre funciona cosas como aquí dedicado especial a mis queridos desarrolladores los interlineados los espacios entre las líneas si están muy pegadas o muy separadas de problema de legibilidad los espacios entre las letras un poco lo mismo las longitudes de línea cuando si es demasiado larga la línea el usuario se perderá a ir a la otra le constrará el texto si es muy corta puede pasarlo mismo también y el tema de la síntesis queremos contar muchas cosas pero la gente no le lo siento un montón pero los usuarios no le sólo van a buscar lo que quieren evidentemente ahí el trabajo deseo pero hay que encontrar un equilibrio entre textos enormes y que se puede encontrar es fácil la información al final no es una cuestión de cantidad sino de de ir un poco al grano y que se lea bien más temas estos ya aquí entramos todo lo que es lo mío que sí que son elementos gráficos entonces para qué sirven las imágenes esto es un tema muy interesante igual que el de los textos a veces tenemos la concepción que las web simplemente tienen que tener imágenes porque porque hay que abrir imágenes y ya está no necesariamente es así y aquí todo lo que voy a explicar no es un tema de no es que no tenga que ver imágenes es que hagamos una reflexión sobre si esa imagen sirve para algo como veíamos antes la parte que más pesa de la web son las imágenes aquí entran iconos aquí entran fotografías ilustraciones esquemas etc. infografías ahí es donde está el mayor trabajo pero el mayor problema no siempre va de optimización que luego hablaré de ellos sino de simplemente el hecho de decidir si hay hace falta poner una imagen vale encontró hace poco hace unos días un ejemplo que me ha gustado mucho que es dropbox vale no voy a poner la palestra a ningún a nadie pequeño vamos a hablar de dropbox me sorprendió bastante entonces os voy a poner dos ejemplos el bueno y el malo es ambos de dropbox son dos páginas de su web comercial no sé ahora cuáles son los puedes buscar me sorprendí muchísimo porque hay varias páginas de dropbox en las que utiliza un montón de fotografías e imágenes eso no funciona hasta al revés vale por ejemplo vídeos aquí seguridad organización en automatización entonces que hacemos pues poner una animación guay que información me da esta animación yo para mí el truco es si tengo que hacer el texto alternativo de esta imagen ese texto alternativo me va a dar alguna información es decir esto es un esquema que explica cómo no sé cómo funciona el proceso de seguridad no es pues candado molón sería un poco no el texto alternativo nos pasa mucho con las imágenes de stock vale gente familia aquí pues guay no sé unos guapos aquí que es organizaciones artísticas ok son imágenes muy muy grandes porque ocupan la mitad de la pantalla que si bien da una experiencia de usuario es están excesivamente enfocadas para desde mi punto de vista al el que sea bonito sin embargo también dropbox tienen otras páginas algo que por ejemplo aquí esto es una animación si te muestra un proceso que se ha simplificado de cómo funciona la aplicación vale pues le das en el derecho y te sé que es a vale pues dropbox puedes hacer esto no éstas me encantan especialmente que son si tienes una herramienta poner capturas en este caso también es que mal se ve bueno se diferencia un poco más las que hay un navegador y un móvil bien a ver jueves no se ve nada vale al final estas son ilustraciones que te escamatizan cómo funciona por dentro por ejemplo la la os lo diré la aplicación o la plataforma que haya yo que sé pues si quieres mostrar un proceso de compra aquí sí que si quedas información de cómo funciona por dentro de la aplicación entonces sí que pueden ser imágenes que que aportan algo más es decir su texto alternativo no sería cosa molona vale ésta es un ejemplo y como os decía perdón aquí como os decía no hay una regla para esto ni quiere decir que menos imágenes sea mejor simplemente si os hace falta la imagen en la ponemos y si no no qué fácil parece dicho si vale para escoger las imágenes que imágenes una vez decimos si aquí me hace falta una imagen en cuál ponemos a mí me gusta mucho la regla de lo que decíamos antes no de si tenéis la web un 60 por ciento de sostenible pues intentamos subirlo al 65 o al 70 entonces estas son cosas que mejor si hacéis así pero no tiene por qué ser no entonces si podéis poner el a usar archivos que sean vectoriales en este caso pues siempre será mejor que los iconos en png o si usáis fotos en blanco y negro siempre será mejor o sea mejor no pesarán menos simplemente que en color si son métodos detallada pues pesarán menos que son hiper detalladas si utilizáis formatas como el wep pues pensarán menos que jpg si se puede si utilizáis imágenes que sean pues más pequeñas es decir que no estén a toda pantalla sino que ocupen un espacio concreto y tal pues evidentemente os hará falta una imagen más pequeña y esto evidentemente es un gag pero en algunos casos mil palabras es mejor que una imagen porque pesa menos pero es obvio que no es literal pero a veces y que a lo mejor poniendo una frase más grande y ya es un elemento gráfico y no se hace falta cargar una foto se puede componer de alguna manera para que para que os la podáis ahorrar y lo siguiente sería las dimensiones y la compresión que nos parecen que esto es como la solución definitiva al mundo vale empiezo con lo fácil y con lo que le gusta todo el mundo que son las herramientas estas son las que uso yo más habitualmente hay mil tenéis el crack en punto yo que es la que más me gusta que es es un navegador creo que también tiene una aplicación pero bueno es navegador hechas aquí tus imágenes y las descargas más comprimidas y el magify es un es un plugin que te lo hace ya directamente en wordpress vale también tenéis no sé mil otros está el compreso el punto y está el tini png está es más punto y tem parece bueno buscáis compresores de imágenes y el que más el que menos los probáis y ya está pero y esto va a ser una opinión absolutamente representado por mí mismo ya está yo prefiero una imagen dimensionada al espacio que va que no esté optimizada con ninguna herramienta a una imagen pasada por un optimizador optimizador que tenga cinco mil píxeles de ancho vale dimensionar es súper importante es la trabajo pero bueno la vida las cosas bien hechas en trabajo esto quiere decir que donde vayáis a poner la fotografía incluso si va a pantalla completa os aseguréis de que la imagen tiene el tamaño máximo que necesito para el sitio al que va y ya está el que suele ser en en escritorio vale luego las demás van siendo más pequeñas y demás pero esto es súper importante del trabajo pero para mí ahorra muchísimo más peso que coger una imagen gigantesca y optimizar la verdad lo otro lo más fácil y como sé que esto no convierte os he traído a mi amigo el gatito que se puede es que cada vez que optimiza una imagen pero no la re mencionáis para el sitio al que va este gatito estará súper triste pero súper triste y vuestros desarrolladores también pero el gatito más vale así que muy importante saber cuántos píxeles necesitáis de máximo para la imagen que no se vea mal y lo optimizar pero sobre todo redimensionar y por último utilizar herramientas como leis y lo loading que hacen que las imágenes se carguen cuando el usuario las va a ver vale que mientras tú no llegas al sitio no hace falta que se estén descargando cosas porque si nunca llegas al sitio pues eso que no se descarga y hoy te he descubierto perdón bueno ahora van a las cosas mostrándicas si bueno con el tema de código podríamos rellenar una charla entera pero no es la intención porque queremos tocar varios palos entonces voy a resumir un poco las cosas que considero que pueden tener mayor impacto que podéis tener en cuenta cuando cuando estáis o si tocáis código o tenéis un desarrollador de confianza le podéis decir positas entonces la primera sería no siempre necesitas un plugin estamos de acuerdo que una de las ventajas de WordPress es que puedes extenderlo casi hasta el infinito gracias a los plugins vale esto es una virtud innegable pero también es un tiene su peligro vale y 60 mil plugins en el repositorio más todos los que hay fuera puedes instalar cosas o plugins que hacen mucho más de lo que necesitas vale igual es porque tú no tienes nociones de código o igual es porque no has tenido tiempo a dedicarle a ver si había un plugin que hace o más concretamente lo que necesitas o si tienes un desarrollador de confianza decirle oye sólo necesito este checkbox aquí igual con un par de líneas 4 o 5 líneas te lo puedes solucionar vale entonces simplemente es para que os planteéis si vuestra web tiene vamos a decir 50 plugins no es tanto el número es para que hay plugins que si están bien paridos son poco mal si hay muchos plugins seguramente algunos obras o si veis que hay un plugin que habéis metido y los paneles las paneles de opciones que tenéis tiene 8 secciones y sólo usáis una igual los podéis plantear usar uno más ligero vale la otra parte sería minimiza css y JavaScript esto lo hacen tanto plugins como optoptimize o si utilicéis algún plugin de caché os va a ayudar a básicamente esto lo que haces quitar todos los espacios que hay en los ficheros de css y JavaScript y hace que se entreguen de forma rápida vale usa el mínimo JavaScript posible y aquí voy a ligarlo mucho con lo que ha comentado Nora y os voy a poner un ejemplo claro JavaScript es un lenguaje muy potente se pueden hacer un montón de cosas y es el que está detrás de la mayoría de efectos wow que no sirven para nada vale entonces por suerte css cada vez es más potente y te permite hacer animaciones más o menos aparentes que pueden hacer o conseguir el objetivo que al final es a lo que vamos pesa mucho menos y sobre todo a lo que voy es que el JavaScript o sea hasta habrá hemos dicho que lo importante sería reducir peso de lo que hay en la web vale pues en vez de haya cinco megabytes en la home que pese uno vale por decir números redondos pero también si en esa página la mitad de ese mega son 500 kilobytes de JavaScript haciendo animaciones y cosas complejas va a pasar una cosa y es que cuando se manda la información no estás consumiendo mucha energía bien pero cuando llega el dispositivo es decir a vuestro móvil o a vuestro ordenador va a requerir mucha energía vale porque el JavaScript se ejecuta en el dispositivo con el que estáis utilizando entonces hay algunas herramientas esta es simplemente lo que veis aquí arriba es el inspector de safari pero el resto de navegadores están empezando a incorporar una sección en la que te explica cuánta energía o cuánto consumo de cpu está haciendo vale a que tenéis un ejemplo de mi web para tener un estándar más o menos que habéis visto por donde andaba veis que la última barra donde pone cpu hay barras verdes cuanto más alto es que más requiere y seguramente no lo leéis pero os lo digo yo pone cpu máximo 86 por ciento vale como otra posición vamos a mirar está de aquí que precisamente es una web muy guau que me pasó una potencial cliente que me dijo me gusta esto como parte como punto de partida yo lo abrí en mi ordenador llevaba diez segundos con ella abierto y de repente esto se a la web estaba animada ya había mucho movimiento pero había mucho movimiento en los ventiladores de mi ordenador también está el conocéis ese sentimiento y no es agradable entonces por intuición ya vi que ahí estaba requiriendo abrir este panel y ya podéis ver que en la parte de cpu está básicamente al tope todo lo que es morado es yaba script que se ha ido ejecutando ya veis que es pues cuatro veces más o lo que sea y te dice cpu máximo 115 por ciento o sea realmente está exigiendo por eso está lanzando los ventiladores el dispositivo y esto es en un ordenador y yo entonces claro esto es una información un poco cruda para pasarle a un cliente no que le dices no es el inspector que te dice entonces por suerte hay un una web que se llama green inspector que tú le puedes dar la url la única pega es que no te lo hace en el sitio sino que te lo manda por email pero bueno la verdad es que es interesante porque lo que haces medir la eficiencia a nivel de móvil vale o sea básicamente está pensado para que hagan un cálculo ellos de esa web cuánta batería va a drena del dispositivo y te da varios números lo primero te dice bueno good job ya veis que mi web más o menos siempre es mejorable de hecho veo bastantes cosas mejoras pero bueno estás en un entorno hacia la sostenibilidad en camino de vale y luego te dice que se comería cuatro horas de batería y que necesitaría estos miliamperios vale bueno son números que como te lo ponen código de color sabes que si están verde bien en cambio está de aquí ya veis que aquí te dice mejor si mejoras algunas cositas te dice se bebería prácticamente seis horas de batería y necesitaría bueno ya veis que seis con seis es casi el doble de energía vale y bueno aquí hay otras cosas os quería mostrar esto porque a veces nos focalizamos mucho en la parte de no voy a hacer que pese muy poco tal no sé qué pero no renuncias a esas animaciones o demás si es javascript funcional de un formulario de algo no estoy diciendo que metas ahí pero en animaciones se da mucho el caso y de hecho en el ejemplo este ya veis que bueno entonces lo bueno de que me pareció esta web es que yo al compartir esto con mi potencial cliente lo entendió muy claro y dijo yo no quiero ofrecer esta experiencia de usuario pero no es que ellos o sea ellos se les va a calentar el móvil esto pasa ya os pasa no cuando estáis verdad que el móvil se calienta o cuando juegas a juegos o demás pero hay páginas web que si están pidiendo mucha energía o requiriendo mucha cpu te van a calentar el móvil no es una experiencia agradable vale bueno entonces otra opción que esto es un poquito más de nicho pero lo quería comentar es por ejemplo si tienes una web de guías de viaje y quieres ofrecerlas offline también o sea para que cuando alguien pues tiene el beneficio de que esa persona podrá acceder sin internet entonces le ofreces el una progresiva web app vale y tiene la ventaja de que ese contenido se va a quedar cachado y cuando vaya a mirar cosas no va a internet sino que lo está mirando dentro del dispositivo vale ahorras llamadas al servidor entiendo que esto no es apto para todos los proyectos pero es otra cosa que podéis tener en cuenta vale a nivel de hostin hay como en toda la sostenibilidad hay distintos grados de de sostenibilidad vale entonces voy a ir rápido no me quiero enrollar mucho puede ser de que cogen directamente la energía renovable o sea lo tienen enchufados paneles solares o eólicas tal pues mejor que eso a mí no se me ocurre hacer vale para tener menos impacto es decir luego están los que contribuyen a infraestructura es decir que ellos igual no están conectados a paneles pero están poniendo dinero en que se construyan paneles o lo que sea luego puedes comprar energía renovable en vez de utilizar la la convencional que igual tiene más carbón y luego comprar créditos y offset que son medidas hacia la sostenibilidad pero a mí me convencen menos vale aquí en realidad lo que os invito a hacer es que contactéis al hostin que utilizáis o que vais a contratar y les preguntéis oye qué medidas de sostenibilidad utilizáis o tenéis en mente o demás y ya si mencionáis cosas a pinchar un poco como el pué que es el power usage efectiveness básicamente es cuán eficiente es ese servidor haciendo los cálculos vale porque si tienen servidores muy viejos aunque estén en chufaus a un molino están utilizando mucha más energía de la necesaria la idea es preguntada vuestro hostin y así veis podéis demostrar que hay un interés y de hecho si veis que no está en la green web foundation en esa url que os vamos a dejar todos los recursos os dejamos esos recursos un post de marta torre una colega que lo que hizo es que su su hosting no estaba reflejado ahí pero utiliza energía renovable se puso en contacto con ellos y se dio de alta vale lo digo pues si os queréis involucrar y un poco sumar pues lo podéis hacer vale luego cosas básicas que el hostin utilice las últimas versiones de php no hace falta ni que sepáis lo que es podéis preguntar si no tenéis alguien de confianza que os recomiendo un hostin podéis preguntar esto en soporte y que os contesten qué tipo de compresión utilizáis tiene que ser alguna de esas luego si utilizan caché de servidor eso va a hacer que la velocidad de la web vaya más bueno sea mejor si esa nivel de servidor perfecto si no lo podéis hacer a nivel de plugin no me voy a meter aquí ahora explicaros que la caché es la última capa que debería de utilizar o sea toda la optimización que os ha propuesto en hora eliminando imágenes que nos sirven y mejoras de código de más tiene que venir antes de poner el plugin de caché vale y luego otra opción interesante sobre todo si tienes visitantes de distintos puntos del mundo es una cdn que es una content delivery network que lo que hace es esas imágenes o recursos se sirven desde el sitio que está más cercano a desde donde se hace la petición vale y vale algunos datos bueno para caerse de culo o para motivaros o para que veáis que esto puede tener un impacto vale una de ellos es más que era una de las herramientas que ha comentado Nora de optimización de imágenes hicieron un post el año pasado a ver si hacen este año uno actual pero con los datos de este año quiero decir pero hicieron un cálculo de que habían ahorrado gracias a esa compresión y y redimension de las imágenes habían ahorrado lo equivalente a cuatro mil las emisiones de cuatro mil cuatro cientos coches anuales está bastante bien vale y uno de los ejemplos más chulos es que eliminando 20 kilobytes de JavaScript que es poquito si no lo sabéis es no es mucho con ha conseguido reducir 59 toneladas de CO2 al mes esto tiene trucos explico porque básicamente danny van kuten que es el creador del plugin de melchim for workpress vio que podía eliminar esta dependencia de JavaScript que eran 20 y como el plugin está instalado en más de 2 millones de páginas webs pues el impacto hizo los cálculos y es esta salvajada de toneladas que se ahorra vale o sea para que veáis qué pequeños cambios si tienes un gran número de usuarias son muy bestias otro ejemplo chulo bueno chulo o de lo que sufrimos habitualmente hicieron un estudio en el que utilizaban bueno visitaban yusa today lo visitaban sin osa bloqueando todos los anuncios y la web pesaba 500 kilobytes en cambio si lo visitaban sin bloquear pesaba 5 megabytes que es una salvajada vale hicieron el cálculo que supondría eso a nivel de toneladas son 7,5 toneladas de CO2 al mes es una salvajada también vale entonces bueno para que veis y luego el ejemplo pequeñito para que veáis que todo puede sumar es que cuando prepare la primera charla sobre sostenibilidad web claro miré a mi página web y dije aquí hay bastantes cosas mejorables vale entonces reduce pues es 350 kilobytes haciendo los cálculos de cuántas visitas al mes tenía pues bueno son 50 kilos de co2 que equivale a un viaje en avión de pues básicamente entre la en la dentro de la península vale no es mucho pero es verdad que esto sería el caso con contrario al de el plugin de 2 millones de instalaciones activas sería si un montón de gente con hués pequeñitas hacemos pequeñas cosas podemos sumar también y llegará a eso vale entonces yo creo que aquí ya podemos rematar si os digo brevemente lo que se decía antes y bueno teníamos la otra vez también los beneficios y esto evidentemente os hemos machacado con los beneficios que tiene para el planeta este es el básico vale hasta aquí hemos llegado todos que el planeta mejor y tal pero luego cómo nos beneficia a nosotros desde la individualidad que nos encanta a google a la persona que es propietaria de la web si es vosotros vuestros clientes el que saca pasta de esto vaya y cualquier persona usuaria vale entonces haciendo todo esto que se hemos contado cosas que se mejoran con toda la chapa que se ha dado de contenido si realmente ponéis un contenido que se entiende que si yo clic en el enlace me va a llevar al contenido que estoy buscando la google contentísimo si hacéis mejor deseo evidentemente vosotros con el mejor deseo contentos porque se encuentran mejor y los lugares contentos porque no tienen que visitar 34 páginas de enlaces de filiados hasta que encuentran lo que realmente están buscando la mejor en la experiencia de usuario que también depende del tema de los contenidos y la navegación pasa un poco lo mismo si tenéis la navegación bien hecha google y porque puede rastrear los guay a vosotros guay porque que a google le guste normalmente al que tiene el propietario la web le gusta y una vez más pues los usuarios y sus experiencias mejor evidentemente están más contentos y también queréis que los usuarios estén contentos con vosotros la conversión mejora por todo lo que os he dicho mejor conversión pues mejor para google y para vosotros o el niño la web la accesibilidad es un poco lo mismo recordamos que muchas de estas cosas que hemos dicho dejando al margen la sostenibilidad mejoran simplemente el seu en general y a google ya le va bien reduce el coste del hosting y con esto querría agregar una pequeña nota si vais limpiando la biblioteca de medios y todo lo que tenéis en el hosting que no usáis necesitáis menos espacio necesitáis menos recursos pagáis menos hosting y planeta contento vale y año de aquí la aumenta la vida de tu web normalmente si tenéis una buena jerarquía los contenidos bien pensados la estructura del mapa web en pensado y todo esto bien pensado suele ser más fácil que la podáis actualizar poco a poco y no ve cada vez que necesitáis un cambio y ahora hay que hacer todo esto nuevo mejor lo empiezo desde cero vale eso está guay porque una página que tiene muchos años y se va actualizando a google le parece bien vosotros no tenéis que gastar de gastaros la inmensa pasta cada vez que queréis meter cualquier cosa en vuestra web y los usuarios recurrentes lo agradecen mucho porque siempre es un usuario que recurrente de vuestro producto que le estéis cambiando el diseño y la situación de las cosas es engurroso y evidentemente requiere un aprendizaje que requiere de más visitas y más tiempo espero que sean suficientes creo que son bastantes ya como mensaje último les gustaría que os quedáis en poco con dos cosas la primera que hay muchos motivos para hacer web más sostenibles y ninguno es malo si tenéis alguno malo estaría bien nosotros no lo hemos encontrado y que muchos mejor es más que unos pocos perfectos no que es un poco lo que decías con con el tema del peso de las más pequeñas pero sobre todo quedaros con esto no hay nada perfectos no hay la perfección lo cien por cien sostenibles no existiría está pero no buscamos esto simplemente buscamos un poquito mejor cada uno aquí estamos otra vez yo no veo la necesidad de poner esta foto así que me hiciste poner el bailetito así que decidí vengarme en esta foto bueno después de esta foto para decirles que nosotros quienes sois bueno nos llevamos bien y se oyes bastante y que cómo hemos llegado hasta aquí como esta foto no llegamos por esto puede más tarde pero bueno si todo suma si si todo suma en verdad si si aquí el principal mérito se lo vamos a dar a la comunidad web pres porque básicamente gracias a que hay eventos como este o war cams o demás pues vas a charlas ves cosas chulas conoces a gente y en mi caso yo me acuerdo de la primera charla que oí de de hueco de roberto basquitz en el que hablaba de la sostenibilidad web y se me tenéis en wordpress tv si luego están recursos se me cayó ese mito que no es que yo pensara que la nube fuera un sitio etéreo místico en el que había unicornios bonitando arco iris y gatetes gif de gatetes pero no me había planteado de dónde salía esa energía y me acuerdo que weco puso una imagen de una pues central termoeléctrica con un montón de humo saliendo y fue como vale claro esto necesita energía y ahora mismo tal y como tenemos montado el chiringo la mayoría esa energía es que mando carbón o similar vale liberando mucho CO2 y a partir de ahí pues como soy bastante curioso empecé a investigar bastante y lo que te contagia mucho esta comunidad es que lo que ha aprendido luego lo he ido contando pues tanto en mi blog que está montado en wordpress obviamente como en meetups y en charlas en work camps y demás y una cosa chula es que vas conociendo a gente a fin y que tiene un poco las mismas inquietudes y aquí podría dar paso a anora para que cuente su parte porque bueno poco a poco se han ido entrelazando los intereses de ambos si es verdad en verdad mi historia empezó en esa charla y me pasó lo mismo yo también vi esa charla y me quedé como mirando al infinito en plan es mi otra cosa más de la que preocuparme y bueno yo en mi caso en verdad no tuvo tanto impacto en ese momento pero supongo que estaría otras cosas digamos que si esa fue la semilla lo que regó mi planta de la sustentabilidad fue la newsletter de náhuay porque tenía siempre el no el punto de la nota verde y la de privacidad y aunque no es de esta charla la parte privacidad también o sea me evangelizaste total y fue así fui leyendo y en verdad sólo leí a tu newsletter por eso y te lo puedo decir lo demás me da igual está bien está bien y lo que sí a mí me llevó la comunidad wordpress y la newsletter de náhuay hoy hoy vengo a humillarme en este momento a veces cuando pasan cosas en la vida que cambian radicalmente el hacia dónde vas sería súper guay tenerlo no inmortalizado porque la mayoría es que son cosas que tú no te esperas y que pasan y ya está y bueno luego las cuentas pero a mí me inmortalizaron y que de con esta cara vale como para que es con todo esto bueno esto es una work on your wall a que fui que también estaba náhuay y que una bueno una personal comunidad racío me dijo yo porque no haces una pregunta aquí delante estos dos señores que total no pasa nada estos dos señores no os conoceis o madmulambia que es el cofundador de wordpress y yosefa gordon hayden hayden perdón que creo que tiene un nombre compuesto es igual si es la directora si pero por no decir chompó si es la directora ejecutiva vale entonces tienen en los eventos más grandes tienen como una sesión de preguntas y respuestas a todo esto yo era mi primera vez fui como un poco complacencia hombre porque no hablé con náhuay cuando me di cuenta dije nada hoy que hago que digo no sé qué preguntar no entonces pregunté sobre y wordpress y la sostenibilidad que yo hasta este momento si bien me interesaba el tema bueno estaba en un momento de cambio en mi carrera profesional pero bueno tampoco tanto y fue aquí cuando dijo estrasque guay porque qué pasó después de que yo hice esta pregunta random porque les prometo que era random si no fuera por náhuay no sé que hubiera preguntado bueno lo que pasó es que se abrió una pequeña brecha en la comunidad wordpress en la parte en making wordpress en la parte global por decirlo así y se creó un canal de slag que se llama sostenibilidad a partir de esa pregunta y bueno así que contarte un poco el funcionamiento bueno bueno no sé cuando quieras darme relevo me das yo estoy encantado aquí fantástico bueno pues se creó un canal de slag que nos estigas este momento me dijeron muy sí sí qué guay qué guay bueno al final nos dieron la oportunidad de si tanto si interesa a ver qué hacéis básicamente como sí sí a ver si alguien le importa esto yo no se va a meter nada en el canal qué vergüenza bueno sí se metió gente ahora somos científico personas me parece mis mucha ilusión y bueno a partir de ese momento yo claro tuve que finalizarme mucho con la causa y bueno el caso es que ahora pues con el hemos podido conocer a más gente interesada yo he podido conocer a gente que si bien tú sí que conocías de otros países que son super referentes en estos temas bueno yo soy un poco ahí la nueva pero pero ha estado super bien y a mí me ha permitido por ejemplo cambiar el foque el enfoque de mi carrera profesional y qué hacemos ahí ahora mismo en este momento en directo estamos empezando pues ha sido muy guay porque una persona javier casares antiguo organizador de esta mitad no sé si algunos conocéis si no os lo digo ahora mismo es el no es el como el de hosting es el sí es es uno de los líderes del equipo y uno de los líderes del equipo hostin de wordpress a nivel global pues dijo eso me mola y realizó o hizo un plugin que te permite saber si tu hostin es verde no si utiliza el api que os comentaba antes de greenway foundation entonces mira el cheque eso que te dice si o no que es binario y te dice si tu hostin está utilizando y luego también coge datos y te dice cuánto c o 2 potencialmente según donde estés se está liberando vale estos dos datos los mete en la sección de salud del sitio que es un es una sección que va ganando peso y que es muy interesante si no lo conocéis podéis ir a herramientas en la barra lateral izquierda y salud del sitio y van metiendo más más apartados había hecho una primera versión de este plugin que mete información ahí y y la idea ahora dentro de los que estamos en el canal de slack que se ha abierto obviamente y os dejaremos el link para juntaros es que demos ideas para mejorar el cómo puede ser más bueno pues de elegir bien las palabras a nivel de diseño si se puede hacer de una forma más visual o si básicamente yo es lo que aporto de si es más usable o menos usable lo mismo con esto es otro plugin que sí que está desactualizado que hemos encontrado de de una persona que lo es que hace bastante tiempo y este sí que ya es no es tan integrado no es verdad antes de que pases así si la lo de canonical plugin por si no suena son estos plugins guttenberg de hecho es un canonical plugin o el importador y exportador de contenido de warpes es un canonical plugin son plugins que pueden estar o sostenidos por la comunidad o incluso si son de interés general se entran dentro del core vale por eso este plugin y que le demos un poco de cariño y utilicemos bueno pues el momento de interés que hay ahora podría estar muy bien para que bueno ese dato ya venga de saque en el core vale el segundo como decía Nora es más completo pero también bueno habla te propone mejoras no si es más como un proyecto es una cosa que estamos estudiando pero descubrí hace poco pero es más como un proyecto si lo buscáis en el que la persona pues tú tienes el plugin pero tienen muchos enlaces para que luego tú vayas a saber cosas a no sé es más de cultura la sostenibilidad y aprender más cosas no por hacerlo así pero este sí que es como muy ajeno no va a pasar nunca ser parte del core exacto aquí tenemos que decir un poco si utilizamos estas ideas y las abrazamos y sacamos actualizaciones y las hacemos de comunidad si está interesado el autor o si hacemos cogemos ideas de aquí y creamos un plugin nuevo y eso se discute de forma abierta dentro del canal desde la que veremos un poco hacia dónde va si otra vez bueno más cosas que esto es todo esto son ideas que ha tenido alguien y dicho porque no volamos de esto quiere decir cualquiera se puede meter en el canal y decir a mí me gustaría trabajar en esto o encontrado esto y hasta otra persona proponía que huérpiz forma pasará a formar parte de la link software fundación que al final es una fundación que aún a todas es que es un copio no todo todo el software que de alguna manera no trabaja la sostenibilidad o que o que es más sostenible no no sé exactamente qué hace falta para estar dentro si eso es lo que estamos un poco investigando que se está ocupando todos los compañeros lo bueno es que ahora somos dentro de la iniciativa y el post inicial en el que lanzamos esto somos cinco personas que vamos un poco tirando el carro un poco como los organizadores de la work en barcelona y la idea es que hay gente que viene con ideas uno de ellos está muy interesado sé que es una especie de eres socios a digamos que pagas una un esto pero no sé hasta qué punto te tienes que comprometer para que te acepte no a nivel de el software verde pero bueno es una cosa que potencialmente puede ser la otra cosa que estamos a vuelta yo creo que esta es la más controvertida no porque organizar eventos es muy complicado y si encima vienen cuatro locos aquí a decir que hoy es hacer eventos sostenibles un trabajo para los organizadores pero hay que reconocer que los eventos de gorpres no sé si había sido alguna work on bueno es un evento ten olojo que dura entre uno y un millón de días dependiendo de cual vayas y bueno como todos los eventos tienes los land yas tienes el como se llama el suag los regalitos no sé qué es papelitos y un montón de cosas que tiras al llegar a tu casa y se van ese universo mágico del que no sabemos qué pasa y entonces bueno pues se tratan estos temas por suerte hay organizadores de no sé de la work on asia de la work on yuro y bueno te van diciendo eso es complicado pero bueno todo se habla y la idea es que de aquí de este canal también salga algún tipo de manual que nos permita decir bueno que podemos hacer para que los eventos de gorpres pues sean un poquito más accesibles eso es y bien yo creo que con esto si es lo que te llevas de aquí os pasa o sea tuvimos la la guía y la guía si la presentación y el enlace vale aquí tenéis un poco de todo lo que hemos ido hablando recursos del libro y me he pasado si la primera parte eran un poco todos los herramientas online que os he dicho que podéis utilizar para valorar hasta que punto sostenible vuestra web y que mejoras os proponen y luego la siguiente era libros que hay tres o cuatro que están bastante que son bastante recomendables si en este caso libros leídos por nosotros pero bueno los recomendamos recursos de los que hemos sido hablando en la charla y algunos más y aquí tenéis charlas de work es que van en torno a esto y la iniciativa de sostenibilidad por sus intereses meteros tenéis el post que hicimos explicando de qué iba el canal lo que nosotros esperamos de esa bueno la propuesta que nosotros hacíamos de lo que se podría hacer con este canal y el enlace al mismo canal y esto si no esto es todo esto es todo yo soy nagoa y badiola y soy un motivado de la vida como el solo auto denominar y tengo varios proyectos vale uno de ellos es el bueno mi web donde tengo el blog y la newsletter que tenía la suerte de tenerle anora como lectora luego tengo una plataforma de tutoriales de de código de wordpress que se llama código genesis un podcast en el que hablo con ester una colega como nos ganamos la vida como desarrolladores wordpress y luego también con ester tengo un proyecto que se llama sonpres en el que creamos plugins y temas comerciales para wordpress yo me llamo Nora y empezado desde hace súper poquito esta focalización en el diseño responsable la experiencia de personas y las interfaces para personas y toda la información la puedes encontrar simplemente mi web que bastante tenido con cambiar de foco profesional así que por ahí ya es bastante así que nada muchísimas gracias por haber estado aquí y habernos escuchado que igual tienen preguntas y si tenéis alguna pregunta para Nora para ti tú decías que lo más indicado es que cada foto esté como de acuerdo al tamaño que va a ubicar que va a usar en la web verdad pero si tienes un e-commerce como haces para redimensionar tropecientas fotos para que toas quien del tamaño normalmente aquí puedes por ejemplo si es photoshop claro aquí no sé tanto porque yo no soy fotógrafa pero si te has photoshop por ejemplo tienes las acciones que tú puedes decir vale pues todas una acción tú la creas y tendrás que buscar un tutorial es complicado pero sí que puedes decir vale todas las imágenes abiertas o un grupo de imágenes me las pones a tanto de ancho y que guarda la proporción y lo puedes ir haciendo por ejemplo es bastante probable que haya alguna herramienta pero ahora parte de eso no te deseo decir concretamente una herramienta que te que te ayude pero una opción que te doy por ejemplo es preguntar directamente a un fotógrafo profesionales probable que te ayude a buscar algún algún sitio de fotógrafos pero claro ellos tienen que mover mogollón de fotos y seguro que esto tiene si tienes la duda seguro que esté inventado pero no sé ahora mismo como como hacerlo de una todo a la vez vale perfecto gracias puedo decir la parte técnica o sea lo recomendables que como dice Nora subas el tamaño máximo al que se va a utilizar pero a veces en la web las fotos van a aparecer en más de un sitio vale igual necesitas más de dos tamaños más de un tamaño esto lo puedes controlar en bueno los ajustes de workpress por defecto workpress crea tres miniaturas vale que son thumbnail miniatura mediana y larga vale lo suyo sería que solo crees las que necesitas y si por ejemplo la foto más grande que necesitas es de 800 tú lo subes a la web a 800 pero si sabes que luego en la ficha de productos se muestra a 400 lo que puedes hacer es que la versión mediana le digas que lo haga 400 vale esta sería una posibilidad otra opción es si necesitas más el tema de los tamaños de imagen en workpress es un poco complejo y la parte básica que te digo la podrías hacer tú desde el panel pero si vas a necesitar más tamaños de imagen igual necesitas que a tu desarrollador te crea un tan pero el problema aquí amigo desarrollador es que cuando tú haces la foto ya te viene a 10.000 píxeles tú la tienes yo ya he dicho que la tiene que subir a 800 que sería el máximo su problema es que ya tiene 10.000 fotos de todos sus productos a 10.000 píxeles o lo que sea con photoshop es una una en lote no exportar en lote pero al final tú tienes que crear una acción que te diga vale exportar a un ancho concreto y demás esa era su pregunta vale vale vale su vida si yo creo que no el problema es más de cuando la foto a pasar de la foto original al tamaño web por decirlo así como yo lo he hecho es crear una vez una macro que se puede hacer de forma visual tú le puedes decir empezar macro le dices hacer esto te lo guardas y luego es sólo ejecutar una macro te pregunta la carpeta de origen otra destino y es un clic o sea lo único que te lleva un poco de tiempo es hacer eso pero tienes tutoriales seguro yo lo he hecho porque para clientes hay veces que he cogido directamente una carpeta mantienes la original para no cargarte los originales y crea uno y si hay 50 lleva un poco más de tiempo porque va a estar el ordenador haciendo los esto pero en tiempo para ti debería ser un clic una vez que ya tienes un una macro de estas hay solución me sabía que había solución gracias y sólo para apuntar ellas han comentado un plugin en la su charla que es el imagify hay un montón más en wordpress y que lo que te van a solucionar es lo que tú decías que tú ya tienes fotos subidas en una web la quieres optimizar en ese plugin le dices el tamaño máximo lo miras tú o se lo preguntas al diseñador al desarrollador de la web que te digan cuál es el tamaño máximo que se va a ver o cuál es el que te recomiendan lo configuras en ese plugin le dices que te optimice toda la biblioteca de fotos y con eso ya lo tendrías se optimiza el tamaño máximo entonces las todas las fotos van a tener como máximo ese tamaño y luego como ha dicho en agua y si quieres diferentes cortes el mediano o el pequeño los estableces también y como el proceso lo que va a hacer es coger la foto original y redimensionarla ya te va a hacer otra vez dos cortes esos y vas a tener la galería de fotos perfecta a ver la trampa eso sirve para lo que ya tenéis subido que no os lo vais a descargar otra vez y volver a subir no sé qué pero recuerdo que subir cosas gasta energía es decir la idea es que esto lo hagáis en vuestro ganador porque si no lo que vais a hacer es gastar consumir subiendo imágenes de 5000 píxeles para que luego encima de magnify haga es una movida pero es que todo gasta energía que nos agobíais y aquí pasó extra y es que normalmente estos plugins guardan una copia de seguridad por lo cual es espacio que está ocupando en el hostil y un poco como os decía Nora lo suyo es lo que no necesites ir limpiando todo es bueno recomendación mejor es mejor que nada pero ser consciente que sepáis que es así es una pregunta de curiosidad total en vuestra experiencia que os da mejor resultado la nuestra en nuestro caso creo que lo tengo claro pero me falta más info no plantilla con elemento en guttenberg cualquier editor de estos lo mejor posible lo más optimizado pero tirando de esos recursos o ir a custom todo hecho a mano costo y todo esto de este contexto por rendimiento y tal por cosas pues ya me imagino por donde pero no voy a decir que todo lo que se haga medida es mejor porque eso sería una falacia pero si tú lo haces a medida siempre tienes la opción de controlar todo si tú lo haces a medida y encima aplicas todo esto podrás siempre que tú usas cosas de terceros no vas a controlar la cantidad de cosas que meten los terceros entonces en principio sería medida si luego tú diseñas a medida aquí claro pues no sé habría que medir decir sí porque luego si diseñas a medida pero no timizas lo que os decía antes y señas a medida pero metes cosas que no te hacen falta pues la respuesta no es clara pero claro a medida te permite tener el control al 100% de todos los recursos que se usan o por ejemplo yo que no soy desarrolladora mi problema en cuanto no tengo desarrolladores que está lo cosas que no me hacen falta y no sé cómo quitarlas entonces cada caso es un mundo y a lo mejor es mejor una web con elementos que tenga una página pues un poco raro pero bueno que una web a medida que tenga 200 páginas que no sirven de nada ni la mitad claro todo es relativo pero creo que mi respuesta sería ésta si lo controlas y tienes a fan de hacer cosas sostenibles es mejor a medida pero depende del uso que le des a todo que parece bien perfecto por llevarlo a ejemplos claros sino si no es a medida total sino que utilizas wordpress y wu tember simplemente es de pero gruyo pero es mejor esa opción utilizar los bloques nativos de wordpress que meterle un elemento porque ya de hecho hay post publicados en los que se demuestra como a nivel de velocidad de carga y de cantidad de información es mucha más va más lento y necesita y carga más elemento porque cada vez puedes hacer tantas cosas que eso está cargando muchas cosas innecesarias entonces yo creo que la o sea obviamente la forma más sencilla sería una página estática htmlcs vale pero si ya se necesita interacción yo iría a cuanto más nativo de wordpress mejor y luego pues también depende de lo que necesita el usuario si necesita toquetear mucho o no y del presupuesto como bien decía Nora pero el tema de los certificados como es pasa por alguna auditoría por ejemplo si quiero ofrecerle un servicio de diseño voy a dar un cliente y hablarle de esta parte de sostenibilidad y más que todo informarle y darle más conciencia no como es el tema de los certificados que mencionaste bueno precisamente mencionábamos que no los hay en realidad oficiales no los hay oficiales no los hay si oficiales no los hay o sea esta es una de las hipótesis que creo que puede llegar a pasar en los siguientes años no hay nada oficial lo que sí que hay son estos sitios que miden tu tu nivel de liberación de co2 principalmente y ellos te ofrecen un batch pero es un sello propio no es oficial pero sí que sirve mucho a nivel educacional y para o sea tanto a nivel de convencer al cliente que haga una web que luego le salga un batch bonito y también a la gente que visita porque si la gente visite de repente dice a está utilizando pues eso el ejemplo de la moda sostenible creo que es bueno o viajes sostenibles joven si tú vas a una web en la que están hablando de sostenibilidad y abajo ves que hay un sello aunque todavía no sea oficial y que los números son buenos pero claro si pones uno de los batches y te dice tu web está entre los 10 por ciento más contaminantes del mundo mal pero si realmente da un número bueno y estás utilizando un hosting sostenible estás apoyando tu mensaje claro claro entonces sería más por ahí ok pues gracias en lo que se refiere a convencer clientes se me da bien eso yo siempre recomiendo usar ejemplos por ejemplo el ejemplo que puso una guay de su propia web la web aquella que era la leche de un poquito de trabajo pero la gente los números le fascinan y entonces decir mira ésta es esta web resuelvo de los punto en evadio lo contigo y mira ésta es esta web que a ti te parece la hostia pero que sepas que hay este problema algo visual y con números en general suele funcionar entonces pues sería guay tener imagínate pues un dosier o algo así con unos cuantos ejemplos que pueda ser manteniendo actualizados y yo yo te dejo aquí los datos y luego tú los ves es una manera como no hay cosas oficiales y suele entrar bastante bastante bien y luego hacer hincapié al final nosotros nos gustaría que todo el mundo hiciera esto por amor al planeta y los gatitos con carat triste pero la gente le funciona la lista de beneficios de pues te mejora el SEO la conversión no sé qué bueno pues es otra cosa en la que apoyarte y si encuentras ejemplos reales y números de eso sería fantástico o a medida que empecé a ver por ejemplo como la bbc que lo utiliza sitios más famosos a la gente le parece que si lo uso la bbc al igual no lo voy a usar yo no entonces bueno este es un trabajo bastante manual tuyo pero es una opción es que tienes pues básicamente esta charla pues gracias a alguien más anima pues nada un aplauso y nada ahora tenemos unas empanadillas y bebidas y cervezas y demás y todos en el working recordaros que de cada año que viene nos mudamos al canodrum y ya os informaremos por la web por mita y por todos los sitios y muchas gracias a todos por venir