Context-aware web performance: prilagojena hitrost za vsakega uporabnika

Hitrost spletne strani ni enaka za vse. Uporabnik ima lahko: skoraj prazno baterijo, slab mobilni signal ali manj zmogljivo napravo. Zakaj bi vsem pošiljali enako “težko” izkušnjo?

“Context-aware web performance” pomeni, da se spletna stran prilagaja kontekstu uporabnika, ne le zaslonu ali napravi. V praksi to pomeni, da slike niso vedno enake, tudi fonti ne in videi ali animacije se ne predvajajo same. Uporabniki, ki imajo določene omejitve, tako dobijo slabše slike pri slabem omrežju, sistemske fonte pri prazni bateriji, izklop animacij, ko uporabnik to potrebuje. Manj porabe, več smisla, boljša uporabniška izkušnja.

K sreči imamo bližnjice, ena od teh je Obs.js, ki je majhen JavaScript helper, ki ga je ustvaril Harry Roberts (CSSwizardry). Njegova naloga je preprosta: prebere signal iz brskalnika in ga naredi uporabnega za CSS in JS. Uporablja Navigator API in Battery API. Posledično lahko prepozna moč omrežne povezave, ali je vklopljen data saver, stanje baterije ali je naprava nizko zmogljiva.

Kaj lahko prilagajaš z OBS.js?

Tipični primeri:

slike – nižja ločljivost, lazy loading, brez efektov
fonti – brez Google Fonts, samo sistemski fonti
video – brez autoplay, brez ozadnih videov
animacije – manj ali nič animacij
JS funkcionalnosti – izklop ne-nujnih skript

Tudi, če ne želimo uporabiti Obs.js je slednji uporaben v primerih, ko imamo RUM sistem, analitiko ali “performance monitoring”. Podatke, ki jih tako zberemo lahko analiziramo, v kakšnem kontekstu uporabniki dejansko dostopajo do strani, kar je tudi uporabno.

Poleg odzivnega dizajna, mobile-first pristopa, dostopnosti, … so takšne kontekstne prilagoditve naslednji korak evolucije spleta. A v praksi zahtevajo precej več časa, testiranja in potrpljenja, saj so odvisne od signalov, ki niso vedno zanesljivi ali enotno podprti. Zato danes ostajajo predvsem domena naprednih projektov in eksperimentov — ne še vsakodnevni standard.