Per què és important mesurar la velocitat de càrrega?
Segur que no cal que et diguem com és d'important que el teu web tingui una velocitat de càrrega ràpida. No només pel tema del SEO i el posicionament -Google penalitza les pàgines que tenen una velocitat de càrrega lenta- sinó també per l'experiència de l'usuari. L'ideal és que tot el teu web sigui molt fàcil d'utilitzar perquè els usuaris no només el visitin i s'hi quedin una bona estona sinó també perquè hi tornin 🙂
Els estudis realitzats sobre el tema revelen que l'usuari mitjà espera uns 3 segons que un web es carregui i, si no ho fa, simplement se'n va a un altre. És a dir, has de tenir un temps de resposta molt ràpid perquè els usuaris no entrin en mode “passo perquè això triga molt”.
A continuació et mostrem dues eines que ens semblen molt bones a l'hora de determinar si el teu web va lent o no: es tracta de YSlow.org i GTmetrix.
YSlow analitza pàgines web i per què són lentes basant-se en les regles del cercador Yahoo per a llocs web d'alt rendiment.
Les seves característiques són les següents:
Dona una puntuació a la pàgina web basant-se en una de tres regles predeterminades o un conjunt de regles definides per l'usuari;
Dona suggeriments per millorar el rendiment de la pàgina;
Resumeix els components de la pàgina;
Mostra estadístiques sobre la pàgina;
Proporciona eines per dur a terme una anàlisi de la pàgina, incloent-hi Smush.it™ i JSLint.
Està disponible a:
Les millors pràctiques i regles per al funcionament del teu web:
L'anàlisi de pàgines de YSlow es basa en 23 regles:
- Minimitzar les peticions d'HTTP
- Utilitzar una xarxa de distribució de contingut
- Evitar el src o href buit
- Afegir una capçalera de control de memòria cau
- Components Gzip
- Posar els fulls d'estil a la part de dalt
- Posar els scripts a la part de baix
- Evitar expressions CSS
- Fer que Javascript i CSS siguin externs
- Reduir les cerques DNS
- Minimitzar Javascript i CSS
- Evitar les redireccions
- Eliminar els scripts duplicats
- Configurar ETags
- Fer que AJAX es pugui emmagatzemar a la memòria cau
- Utilitzar GET per a les peticions d'AJAX
- Reduir el nombre d'elements DOM
- Evitar les pàgines 404
- Reduir la mida de les galetes
- Utilitzar dominis sense galetes per als components
- Evitar els filtres
- No escalar imatges en HTML
- Fer que favicon.ico sigui petit i es pugui emmagatzemar a la memòria cau
GTmetrix t'ofereix informació sobre la velocitat de càrrega del teu web i recomanacions perquè l'optimitzis.
Les seves característiques clau inclouen:
- Velocitat de càrrega i puntuació a YSlow i recomanacions
- Detalls sobre la càrrega de la pàgina (temps, mida, nombre de peticions)
- Diverses opcions d'anàlisi
- Informe de l'historial
Captura de pantalla amb el resultat:
I si després de fer una de les proves o totes dues t'adones que la velocitat de càrrega de la teva pàgina és força baixa, truca'ns o escriu-nos, els nostres Cloud Pros són experts que t'ajudaran i et donaran consells sobre el tema perquè la teva pàgina voli!