Per què és important el rendiment web?

01 | 08 | 2021

#Web#Development

4min

Un bon lloc web hauria de tenir continguts de qualitat i d'interès per al visitant que ha decidit fer clic en el teu link a una recerca entre un mar de resultats. De poc serveix tot l'anterior si l'usuari decideix abandonar la nostra web per una càrrega lenta, el que farà que la taxa de rebot de la nostra web augmenti considerablement.

A tots ens ha passat alguna vegada que hem intentat entrar en alguna pàgina web i hem acabat optant per tornar cap enrere per culpa d'una llarga espera mentre es carregava per complet. Això sol succeir per una mala optimització dels recursos web que afecta directament a l'experiència d'usuari. Com que els sistemes de cerca saben que això passa, procuren posicionar millor aquelles pàgines webs que compleixen certs requisits de rendiment, és a dir, el rendiment està directament relacionat amb l'optimització per a cercadors o també l’anomenat SEO.

A continuació, analitzarem algunes de les mesures que es poden prendre per millorar el rendiment del nostre lloc web i evitar la pèrdua d'aquestes valuoses visites. A més, aconseguirem una millor imatge per als sistemes de recerca i un millor posicionament en cercadors.

Hostings

Una cosa que, sovint, es pot passar per alt és el rendiment del nostre servidor o hosting. Si tenim contractat el nivell més baix amb una capacitat de processament molt limitada, això es veurà directament reflectit en la capacitat de càrrega del nostre web.

Un altre cas seria el que podríem anomenar mort d’èxit. Quan tenim un bon servei de hosting contractat amb un bon rendiment, però el volum de trànsit és molt elevat i es consumeix tota la capacitat. És molt important tenir això en compte.

La millor manera d'esbrinar com millorar el rendiment del nostre hosting sempre serà contactar amb el servei tècnic, que podrà dir què és el que passa i per què sense necessitat d'embrutar-nos massa les mans.

Recursos web

Els següents consells es poden aplicar per a tot tipus de pàgines web, ja siguin estàtiques o un cms com Wordpress, Joomla, Drupal, etc. Si bé és cert que potser requereixen d’una mica de coneixements en desenvolupament web, per sort per a tots, són tasques molt simples dins del desenvolupament:

  • Minificar codi: això es refereix a comprimir tot codi de manera que tots els fitxers pesin menys i carreguin més ràpid. La millor manera de fer-ho és buscant per internet el llenguatge de programació que es vol minificar seguit de "minify" **imatge amb exemples**.
  • Optimitzar imatges: és important ajustar les imatges a la mida en què es mostraran. Per exemple, si s’ha de veure una imatge a una mida màxima de 1200x900px, no cal que sigui més gran. Amb la mida ajustada també es poden optimitzar de la mateixa manera que amb el codi. Buscant "compressor d'imatges", trobarem milers d'eines gratuïtes que ens comprimiran les imatges per a què pesin menys i així la descàrrega de la web sigui molt més lleugera i ràpida.
  • Limitar fonts externes: en la mesura del possible, és recomanable que la càrrega externa de recursos sigui molt limitada. Algunes de les càrregues més comuns que solen augmentar el temps de càrrega són: tipografies, seqüències, llibreries (com JQuery o Bootstrap) i imatges. Es recomana tenir tots aquests arxius descarregats i inclosos en els arxius locals de la nostra web i, sempre que es pugui, no incloure'ls per millorar els temps de càrrega.
  • CMS: per als CMS, hi ha plugins que poden analitzar el rendiment de la pàgina i donar consells sobre quines accions prendre. D’altres optimitzen mides i pes de les imatges o optimitzen el codi de manera automàtica. Hi ha gran varietat, però cal anar amb compte perquè tenir molts plugins instal·lats és contraproduent, ja que poden fer que la càrrega sigui pitjor.

Eines

A internet hi ha moltes eines per analitzar el rendiment de les pàgines web, però nosaltres recomanem PageSpeed ​​Insights. És una eina gratuïta desenvolupada per Google que analitza en profunditat el rendiment de la URL i et mostra una valoració de 0 a 100 (més gran és millor). Aquesta valoració la fa per a ordinadors i dispositius mòbils, a més d'una llista molt detallada dels problemes detectats i com solucionar-los.

En ser una eina del propi Google, també podràs saber si estàs passant la seva prova de rendiment per obtenir un millor posicionament en els seus sistemes de cerca.

Conclusions

Tot això són només alguns dels trucs que es poden fer per millorar el rendiment de les pàgines web i disminuir el percentatge de rebot. Recorda que és molt important per al posicionament i, sobretot, perquè els teus usuaris tinguin una bona experiència a l'entrar al teu web.

Autor/a:

David Gómez

Publicat:

01 | 08 | 2021

Col·laborador/a:

-

Actualitzat:

-

Fonts utilitzades:

Experiència professional

Test A/B a “landings” i pàgines web: avantatges, tècniques i eines
#Web

Test A/B a “landings” i pàgines web: avantatges, tècniques i eines

14 | 07 | 20217min