Un dels aspectes més important a l’hora d’optimitzar una pàgina web i aconseguir que els usuaris gaudeixin de la millor experiència de navegació, és el temps de càrrega. La velocitat d’una pàgina web és un dels principals motius de pèrdua de visites, ja que s’estima que després d’un temps d’espera superior a tres o quatre segons la taxa d’abandonaments es dispara.
El WPO (Web Performance Optimizations) s’ha convertit en un dels aspectes fonamentals del desenvolupament web, podent aplicar diferents mesures per aconseguir augmentar la velocitat de càrrega.
Per què és important la velocitat de càrrega web
Una pàgina web que disposi d’una velocitat de càrrega ràpida es beneficiarà d’una sèrie d’avantatges com:
- Disminueix el nombre d’abandonaments. El percentatge de rebot o nombre de persones que abandona la web sense visitar alguna pàgina, es veu reduït si es disposa d’una bona velocitat de càrrega.
- Millora l’experiència d’usuari. Navegar per un lloc web de forma ràpida i fluida, on el contingut de text i audiovisual, així com les diferents funcionalitats carreguin ràpidament, aconsegueix que l’usuari gaudeixi d’una millor experiència d’usuari.
- Afavoreix el posicionament SEO. Google afavoreix el posicionament web en els seus resultats de recerca d’aquelles pàgines amb una velocitat de càrrega ràpida.
- Incrementa les conversions i la fidelització. Un aspecte important de qualsevol pàgina web i eCommerce que es veurà millorat per un menor temps de càrrega web són les conversions o vendes. També s’incrementarà el nombre d’usuaris recurrents que tornin a visitar el lloc web.
Com millorar la velocitat de càrrega de la teva pàgina web
La velocitat web pot ser millorada utilitzant diferents accions i mesures. A continuació, mostrem com millorar la velocitat del teu lloc web per aconseguir una millor experiència d’usuari.
Optimització d'imatges
Un dels principals aspectes que influeixen a l’hora d’alentir la càrrega d’una web són les imatges. En aquest aspecte es poden realitzar algunes accions per aconseguir que l’ús d’imatges en una pàgina no augmenti en excés el temps de càrrega:
- Resolució de la imatge. Ajustar la resolució de les imatges a incloure ajustar la seva mida, de manera que es carregaran en menys temps.
- Utilitzar formats d’imatges comprimides. Alguns formats permeten comprimir la imatge i que ocupen menys espais sense perdre qualitat. Utilitzar un format com .webp, desenvolupat per Google farà que el temps de càrrega disminueixi.
- Usar miniatures. Amb l’ús de miniatures es poden previsualitzar les imatges en format més petit i augmentar la velocitat de càrrega d’una web.
- No abusar de l’ús d’imatges. Sempre que sigui possible és recomanable no abusar de l’ús d’imatges en un web per evitar que afecti significativament la velocitat de càrrega del lloc.
Implementar un sistema de caché
Disposar d’un sistema de memòria caché farà que les pàgines d’un lloc web es carreguin de forma més ràpida. Aquest tipus de sistemes carrega la pàgina una vegada i crea un contingut estàtic que ofereix una càrrega més ràpida en futures visites al lloc.
El caché en l’àmbit de servidor permet disposar de la capacitat de processar les sol·licituds d’accés de servidor i aconseguir que l’accés a la web sigui més ràpid, amb el consegüent augment de la velocitat de càrrega. Aquest apartat depèn del proveïdor de servei d’allotjament web, de manera que és important tenir-ho en compte a l’hora de contractar l’allotjament.
Hi ha diversos sistemes de memòria caché en múltiples nivells (de llenguatge, d’objectes, de queries SQL, d’estàtics …) que pots consultar amb els teus proveïdors per conèixer quins són els que poden oferir-te.
Utilizar una CDN
Les CDN (Content Delivery Network) com ara Cloudflare, són xarxes a escala mundial que compten amb un gran nombre de servidors web. Utilitzant aquestes xarxes s’aconseguirà una millor distribució de la càrrega i es dirigirà als visitants al servidor més proper a la seva ubicació. La velocitat de càrrega es veurà millorada utilitzant aquest tipus de serveis (així com la seguretat, en evitar atacs DDoS entre d’altres).
Elecció del hosting
Un factor molt important i que influeix de forma directa sobre la velocitat de càrrega d’un lloc web és l’elecció de l’allotjament. Són molts els aspectes a tenir en compte a l’hora de triar un proveïdor d’allotjament web per aconseguir que els llocs allotjats es carreguin de forma ràpida, sent els principals.
- Recursos hardware. El hosting ha de comptar amb hardware que accelera els temps de càrrega com ara discos d’estat sòlid SSD (de gran velocitat de lectura i escriptura), processament CPU i memòria RAM.
- Tipu de hosting. És important tenir en compte el tipus de servidor a triar perquè influirà en el temps de càrrega, sobretot en projectes on s’espera rebre una gran quantitat de trànsit. Els servidors compartits són una opció ràpida i barata que sol ser la més utilitzada per allotjar un web, però en cas d’un elevat trànsit hi ha altres tipus d’allotjament que aporten millors condicions i que ajuden a millorar la velocitat de càrrega com un servidor cloud privat o fins i tot un hosting dedicat.
- Altres factors: Altres factors pel que fa a software com el tipus i configuració de servidors web, l’ús de SSL i la possibilitat d’usar HTTP 2.0, l’existència d’algun tipus de memòria caché, la versió de PHP, el model d’execució dels processos PHP.
Gestió de complements
L’ús de complements pot fer que la velocitat de càrrega es vegi afectada seriosament. El millor per evitar aquesta situació és restringir l’ús d’aquests connectors als estrictament necessaris i analitzar aquells que puguin estar afectant al correcte exercici del site.
Així mateix, és habitual instal·lar complements per millorar les funcions d’un lloc web. Sobretot, en utilitzar els principals CMS com WordPress, PrestaShop, i similars, hi ha connectors específics que ajuden a millorar la velocitat de càrrega optimitzant les dades d’un lloc web, comprimint les imatges, etc.
Finalment, els temes que s’instal·len en aquest tipus de plataformes per canviar l’aspecte visual també tenen la seva influència en el temps de càrrega del lloc. És important instal·lar un tema que disposi de codi HTML, CSS i JavaScript optimitzat perquè la velocitat de càrrega es vegi notablement augmentada.
Ús d'eines de monitoratge i perfilat
Utilitzar eines que permetin visualitzar el rendiment i velocitat de càrrega d’un lloc web permetrà conèixer quins són els aspectes que poden millorar-se per disminuir el temps de càrrega d’un lloc web.
Amb una eina de monitorització de recursos es pot conèixer què i quants recursos consumeix l’actual exercici del web i així poder aplicar les mesures apropiades per optimitzar la velocitat de càrrega.
Les eines de perfilat extern permeten desgranar un web i ofereixen consells sobre com millorar la mateixa. Programes com Pingdom Tools ofereixen estadístiques del tipus de contingut servit i els seus percentatges, els temps de càrrega, el TTFB, etc. Amb aquesta informació es poden establir processos d’optimització i perfilat d’aquesta, detectar colls d’ampolla, o punts de saturació o millora, perquè els desenvolupadors web els responsables actuïn al respecte.
És habitual que amb l’ús dels gestors de contingut CMS moltes persones sense coneixements en disseny web cometin errors que estiguin afectant seriosament a la velocitat de la pàgina web. Amb aquestes eines es poden detectar aquestes deficiències i prendre les mesures necessàries per corregir-les.
Finalment, cal tenir en compte que una pàgina web no ha de comportar-se igual al llarg de la seva vida, per exemple, pot ser que el set de dades amb què treballi vagi creixent i això tingui un impacte negatiu en el seu rendiment, o que el manteniment no hagi estat l’adequat i acaba tenint vulnerabilitats que són usades bé per perjudicar-la, robar dades, o atacar a altres webs. En aquests casos les eines de monitorització i perfilat són la solució ideal per detectar aquests errors i procedir a solucionar-los, evitant que el rendiment i velocitat de la pàgina web es vegi minvat.
La velocitat de càrrega web ha de ser prioritat avui en dia perquè una pàgina web o eCommerce pugui oferir la millor experiència d’usuari, i així poder assolir els objectius fixats de conversió i vendes, visibilitat i augment de la reputació de la marca.