Rendiment, gràfics SVG i sostenibilitat, tres ingredients per a un “web modern”

Ho he repetit tantes vegades que ni tan sols recordo si la frase és meva o l’he robada d’algú: el millor de dedicar-se al disseny i desenvolupament web és que no t’avorriràs mai, perquè tot està en constant canvi; però el pitjor de dedicar-se al disseny i desenvolupament web és que no podràs deixar d’aprendre mai, perquè tot està en constant canvi. I és precisament per això que des del 2015 (amb algun any de descans) celebrem les jornades Modern Web, amb la intenció de fer una mica de difusió sobre temes als quals creiem que no se’ls està prestant prou atenció. I, tot i que la llar de Modern Web és a Mosaic, ja fa uns quants anys que ens agrada passar per Tecnologia++ a explicar com ens ha anat (si voleu repassar el que vàrem fer el 2018, el 2019, el 2020 o el 2022, teniu la categoria Modern Web d’aquest blog a la vostra disposició), i aquest 2024 no serà una excepció.

Enguany ens hem centrat en tres temes, els del títol, la interrelació dels quals podria no ser òbvia. Què uneix el rendiment web amb el format de gràfics vectorials SVG i la sostenibilitat ecològica del web? Començo pels extrems: perquè un web carregui ràpidament i funcioni de pressa, el primer que cal fer és eliminar tot el que no és essencial. Curiosament, aquesta també és la primera recepta si volem que el nostre web sigui una mica més sostenible. Una altra recepta per fer més amb menys i, per tant, millorar rendiment i sostenibilitat? Sí: aprendre a fer servir la multitud de funcionalitats que ens donen els gràfics SVG.

Si, a més, comptes amb tres grandíssims professionals i presentadors com són la Carmen Ansio, el Nahuai Badiola i l’Estela Franco, el treball de curació de les xerrades, afortunadament, és senzill, i l’èxit està pràcticament garantit.

Rendiment web

De la primera xerrada del Modern Web d’enguany se’n va encarregar l’Estela Franco. L’Estela s’autodefineix al seu web com a “web performance lover, jamstack enthusiast and technical SEO freak“, i no seré jo qui li ho discuteixi. I ens va donar una lliçó magistral sobre com mesurar el rendiment d’un web (no, no és tan senzill com un podria pensar d’entrada), detectar on són els principals colls d’ampolla i eliminar-los. Us quedaran ganes de saber-ne més, però quan acabeu la xerrada sabreu més coses que la majoria d’un dels temes essencials del web (i si no voleu prendre notes, aquí teniu la presentació de l’Estela).

Gràfics SVG

Malgrat tenir múltiples aplicacions (no tan sols relacionades amb millorar el rendiment i la sostenibilitat), SVG és un dels formats (si no el format) desconeguts del web, aquell en què gairebé ningú pensa, fins i tot quan és la solució al problema que té. I la Carmen Ansio és una de les persones que més en saben, del tema (i també ens va deixar la seva presentació).

Sostenibilitat web

Va tancar el Modern Web el doctor Nahuai Badiola (doctor en neurociència, de debò) amb un tema que s’està posant de moda (ja era hora), però no prou. Sabeu quanta energia consumeixen els webs que visiteu? O quant CO₂ emeten? Segurament no, perquè és difícil de mesurar. Però “més de la necessària” és, lamentablement, una resposta gairebé sempre correcta. La bona notícia és que sovint no costa gaire reduir aquests números i, en conseqüència, fer els nostres webs i aplicacions una mica més sostenibles. (De nou, teniu la presentació del Nahuai a la vostra disposició.)

I això és tot aquesta edició. No me’n vaig, això sí, sense citar-vos per a la pròxima edició de la sèrie. Quins temes hi tractarem? Bona pregunta. I teniu els comentaris per deixar-nos els vostres suggeriments. Fins al pròxim Modern Web!