Rendimiento, gráficos SVG y sostenibilidad, tres ingredientes para una «web moderna»

Lo he repetido tantas veces que ni tan solo recuerdo si la frase es mía o se la robé a alguien: lo mejor de dedicarse al diseño y desarrollo web es que no te vas a aburrir nunca porque todo está en constante cambio… pero lo peor de dedicarse al diseño y desarrollo web es que nunca vas a poder dejar de aprender… porque todo está en constante cambio. Y es precisamente por eso que llevamos desde 2015 (con algún año de barbecho) celebrando las jornadas «Modern Web», con la intención de hacer un poco de difusión sobre temas a los que creemos que no se les está prestando suficiente atención. Y, a pesar de que el hogar de las Modern Web está en Mosaic, ya hace unos cuantos años que nos gusta pasarnos por Tecnología++ a explicar cómo nos ha ido (si queréis repasar lo que hicimos en 2018, 2019, 2020 o 2022, tenéis la categoría Modern Web de este blog a vuestra disposición), y este 2024 no va a ser una excepción.

Este año nos hemos centrado en tres temas, los del título, cuya interrelación podría no ser obvia. ¿Qué une el rendimiento web con el formato de gráficos vectoriales SVG y la sostenibilidad ecológica de la web? Comienzo por los extremos: para que una web cargue rápidamente y funcione rápido, lo primero que hay que hacer es eliminar todo aquello que no es esencial. Curiosamente, esa también es la primera receta si queremos que nuestra web sea un poco más sostenible. ¿Otra receta para hacer más con menos y, por tanto, mejorar rendimiento y sostenibilidad? Sí: aprender a usar la multitud de funcionalidades que nos dan los gráficos SVG.

Si además cuentas con tres grandísimas profesionales y presentadoras como son Carmen Ansio, Nahuai Badiola y Estela Franco, el trabajo de curación de las charlas, afortunadamente, se vuelve sencillo, y el éxito está prácticamente garantizado.

Rendimiento web

De la primera charla del Modern Web de este año se encargó Estela Franco. Estela se autodefine en su web como web performance lover, jamstack enthusiast and technical SEO freak, y no seré yo quien se lo discuta. Y nos dio una lección magistral sobre cómo medir el rendimiento de una web (no, no es tan simple como uno podría pensar de salida), detectar dónde están los principales cuellos de botella y eliminarlos. Os quedarán ganas de saber más, pero para cuando acabéis la charla sabréis más que la mayoría de uno de los temas esenciales de la web (y si no queréis tomar notas, aquí tenéis la presentación de Estela).

Gráficos SVG

A pesar de tener múltiples aplicaciones (no solo relacionadas con mejorar el rendimiento y la sostenibilidad), SVG es uno de los (si es que no el) formatos desconocidos de la web, ese en el que casi nadie piensa incluso cuando es la solución al problema que tiene. Y Carmen Ansio es una de las personas que más saben sobre el tema (y también nos dejó su presentación).

Sostenibilidad web

Cerró el Modern Web el doctor Nahuai Badiola (doctor en neurociencia, en serio) con un tema que se está poniendo de moda (ya era hora)… pero no lo suficiente. ¿Sabéis cuánta energía consumen las webs que visitáis? ¿O cuánto CO₂ emiten? Seguramente no, porque resulta difícil de medir. Pero «más de lo que debería» es, lamentablemente, una respuesta casi siempre correcta. La buena noticia es que en muchas ocasiones no cuesta demasiado reducir esos números y, en consecuencia, hacer nuestras webs y aplicaciones algo más sostenibles. (De nuevo, tenéis la presentación de Nahuai a vuestra disposición).

Y eso es todo por esta edición. No me voy a ir, eso sí, sin emplazaros a la próxima edición de la serie. ¿Qué temas trataremos en ella? Buena pregunta. Y tenéis los comentarios para dejarnos vuestras sugerencias. ¡Hasta el próximo Modern Web!