Programació

Lighthouse, mesurar el rendiment del teu web

By anfibic / 03 March 2023
Lighthouse, mesurar el rendiment del teu web

En aquest post us explicarem una eina de mesura de rendiment del teu web, Lighthouse de Google, que es presenta en dos formats: una extensió per al navegador, o un servei web anomenat PageSpeed Insights.

La tecnologia web canvia molt més ràpid del que pot semblar. Els requeriments dels navegadors, dels robots de cerca,... canvien amb molta freqüència. D'un temps (molt llunyà ja) ençà, la web s'ha convertit en "mobile first", això significa que no només s'ha de continuar amb plantejaments responsius, sinó que l'anàlisi del teu lloc web és cada vegada més important. En la majoria dels llocs web el tràfic mòbil normalment supera el 50%, això vol dir que els teus visitants solen entrar al teu web a través del mòbil. Encara que la connectivitat mòbil ha millorat molt amb el 5G, és més que obvi que aquesta tecnologia no s'ha implementat com a norma encara, i el cost de la seva implementació més l'espera que els usuaris actualitzin els seus dispositius fan que el 4G segueixi sent el valor per defecte en el nostre país.

Fa algo més d'un any, Google va anunciar que desindexaria de les cerques mòbils els webs que no estiguessin adaptats per a aquests dispositius, i està valorant cada vegada més els temps de càrrega en relació al posicionament. Tota aquesta introducció per a remarcar la importància dels temps de càrrega, especialment en dispositius mòbils. Però, com podem tenir un valor objectiu dels temps de càrrega del web? Aquí és on entra Lighthouse, un software de mesura de rendiment, accessibilitat, millors pràctiques i SEO que ens donarà uns valors més o menys objectius per a mesurar aquests valors en el nostre web.

Fa poc un client amb presència internacional, especialment a Llatinoamèrica, va tenir problemes amb la càrrega de la seva pàgina en alguns països, "el web triga molt a carregar", "és que no podem esperar X segons",... la càrrega del web depèn de molts factors, el principal és la connexió del visitant, l'arquitectura i tecnologia del web, el servidor on està allotjat, els CDNs que s'utilitzen,... però Lighthouse ens dóna un valor sobre el qual recolzar-nos per a tenir certa objectivitat. Aquest mateix client em va dir, "he mirat a Google Analytics i em diu que la mitjana de càrrega és de X segons", i probablement aquesta dada és correcta, però el que no està tenint en compte és a aquest visitant prenent-se una pinya colada, connectat al repetidor d'una palmera d'una platja paradisíaca a República Dominicana que està esventant qualsevol analítica de mitjana. Per això està Lighthouse, que ens dóna una dada objectiva i una sèrie de recomanacions de millores, revisions que podem fer en el nostre web. Fins on vulguem o puguem arribar és un altre tema. Quins sacrificis estètics estem disposats a realitzar?

Un exemple, un carrusel on posar tots els teus KPIs és molt temptador, amb imatges d'alta qualitat, que ocupin el 100% de la pantalla del visitant, amb un efecte a lo Matrix 25 que farà que qualsevol visitant vulgui fer clic i es converteixi en una conversió segura,... En què es tradueix tot això?. 10 imatges en el carrusel perquè són els 10 KPIs més importants i sense ells tot es desmorona, d'aproximadament 1920 x 1080 píxels per a cobrir amb certes garanties la pantalla del visitant, a una mitjana (molt optimista) d'1 MB per imatge, perquè l'optimització és per a covards,... Doncs acabem d'afegir 20 segons de càrrega a la teva homepage, tota l'optimització a l'aire.

Per a mesurar aquestes coses tenim Lighthouse, hi ha altres serveis que mesuren els mateixos paràmetres, hi ha serveis que ens donen informació més detallada en algun apartat concret, però Lighthouse és sens dubte una molt bona font d'informació mentre estem desenvolupant.

L'alquímia digital
El cami de l'artesà

L'alquímia digital

El desenvolupament web és un terreny fèrtil per a la innovació i la creativitat, on la lògica i la imaginació es donen la mà. En...
L'Empatia Digital
El cami de l'artesà

L'Empatia Digital

En el tapís del desenvolupament web, la comprensió profunda dels nostres clients és el tram que entrellaça cada línia de codi que escrivim. A Anfibic,...
Dissenyant amb TailwindCSS
El cami de l'artesà

Dissenyant amb TailwindCSS

Benvinguts de nou a "El camí de l'artesà", la nostra sèrie on ens submergim en l'art i la ciència darrere d'un desenvolupament web excepcional. En...
La mentalitat de l'artesà
El cami de l'artesà

La mentalitat de l'artesà

En l'essència del desenvolupament de programari amb mentalitat artesana jau la creença que el codi no és només una eina funcional, sinó una expressió de...
Veure tots els articles de Programació

Usamos cookies de terceros con fines analíticos, en resumen solo usamos las cookies de Google Analytics para poder analizar nuetro tráfico.

Configuració de cookies

Solo tenemos una cookie! Utilizamos cookies de terceros con fines analíticos.
Tienes la información de como las utilizamos aqui: https://anfibic.com/es/ley-de-cookies