Com utilitzar l’eina de prova de velocitat

Amb tantes eines i aplicacions disponibles per a la nostra indústria, és impossible saber-ne totes.

Hi ha preguntes sobre què fan, quant costen, per a què serveixen i tantes altres preguntes que ens plaguen quan busquem una eina que ens ajudi a resoldre problemes.

Avui repassarem GTmetrix, l’eina de prova de velocitat.

Revisarem els usos, com utilitzar l’eina i què fer amb la sortida.

Què és GTmetrix?

GTmetrix és una eina basada en web que proporciona una anàlisi de la velocitat del lloc web.

Analitzarà el temps de càrrega, la mida i les sol·licituds d’un lloc i, a continuació, generarà una puntuació amb recomanacions per millorar-lo.

Aquesta eina la poden utilitzar propietaris de llocs, enginyers, professionals de SEO i altres per mesurar-ne rendiment del lloc i buscar marge de millora.

Captura de pantalla de gtmetrix.com, febrer de 2023

Com utilitzar GTmetrix

L’eina GTmetrix existeix en un lloc web al qual podeu accedir en línia.

No necessiteu un compte per començar, però en necessitareu un si voleu poder editar la ubicació i el tipus de navegador.

Per utilitzar GTmetrix, connecteu el vostre URL al lloc web.

Captura de pantalla de gtmetrix.com, febrer de 2023

Un cop s’hagi completat l’informe, podeu revisar les mètriques proporcionades (a continuació entrarem en més detall sobre el significat d’aquestes).

Rebràs una visió general de la qualificació GTmetrix, Web Vitalsi un resum que mostra les visualitzacions de velocitat.

La visualització de velocitat és una manera fantàstica de veure com és el vostre lloc web a mesura que es carrega, en capes amb les mètriques superposades.

A la part inferior, els problemes principals s’anoten i es desglossen per temes totals: Primera pintura de contingut (FCP), Pintura de contingut més gran (LCP), Temps de bloqueig total (TBT) i Canvi acumulat de disseny (CLS).

També proporciona el nivell d’impacte, que és útil per a la priorització.

Tot i que aquests són els primers disponibles després d’executar la prova, GTmetrix recomana que us centreu en auditories específiques que es troben a la pestanya Estructura.

Captura de pantalla de gtmetrix.com, febrer de 2023

Vegem cadascuna de les diferents pestanyes de GTmetrix i com són útils.

Pestanya de rendiment

La pestanya de rendiment proporciona informació sobre diverses mètriques basades en el rendiment, com ara FCP, Speed ​​Index, CLS i altres mètriques específiques del navegador.

Pestanya Estructura

Aquesta és la secció per la qual us proposa començar GTmetrix. En aquesta secció es descriuen les diferents auditories de l’eina i l’impacte que tenen els elements.

Hi ha informació detallada disponible en cadascuna d’aquestes auditories que mostra què cal corregir.

Gran part d’aquesta informació és tècnica i, si necessiteu una millor comprensió, GTmetrix ofereix un botó “Aprèn a millorar-ho” que us porta a una wiki que explica amb més detall com afecta aquest problema al rendiment, com funciona i com evitar-ho. això.

Aquí teniu el que és realment útil: proporciona quin nivell d’experiència es requereix per fer aquestes optimitzacions.

Captura de pantalla de gtmetrix.com, febrer de 2023

Pestanya Cascada

Aquesta pestanya il·lustra un gràfic en cascada i els detalls de cada acció en un enfocament en cascada.

Aquí, hauríeu de prestar atenció als recursos que triguen molt de temps a carregar-se.

Captura de pantalla de gtmetrix.com, febrer de 2023

Podeu passar el cursor per sobre de la fila de recursos i veure un desglossament detallat de per què el recurs triga massa a carregar-se.

Captura de pantalla de gtmetrix.com, febrer de 2023

En aquest exemple, veiem que, per al servidor, va trigar uns 700 ms a respondre, cosa que pot indicar problemes del servidor que es poden resoldre utilitzant CDN per als recursos.

Pestanya Vídeo

Aquesta pestanya ofereix l’opció de gravar un vídeo de la càrrega d’una pàgina i utilitzar-lo per identificar diferents problemes amb la pàgina.

Necessitareu un compte per aprofitar aquesta eina.

Pestanya Historial

Aquí podeu veure gràfics que mostren els canvis al llarg del temps en les mètriques de la vostra pàgina, com ara la mida de la pàgina, el temps d’interacció i les puntuacions.

Aquesta és una bona manera de mesurar el vostre progrés al llarg del temps.

Captura de pantalla de gtmetrix.com, febrer de 2023

Què significa mesurament GTmetrix

Com hem comentat anteriorment, GTmetrix produeix una puntuació global com a resultat, però el que mesura també és essencial.

Visió general del grau de GTmetrix

Grau GTmetrix

Aquesta és la mètrica que us ajuda a entendre el rendiment general del vostre lloc web.

La qualificació es determina tenint en compte el temps de càrrega dels usuaris i el disseny arquitectònic del lloc web.

És probable que un lloc web de càrrega ràpida que estigui ben dissenyat per al rendiment rebi una nota més alta, mentre que un lloc lent amb temps de càrrega més llargs o un disseny arquitectònic deficient pot rebre una nota més baixa.

Puntuació de rendiment

La puntuació de rendiment, tal com s’indica al lloc web de GTmetrix, es pot comparar amb una puntuació de rendiment de Lighthouse.

Aquesta és informació útil per a qualsevol persona que vulgui entendre la mètrica i la seva relació amb altres mesures de rendiment.

Estructura

La qualificació de l’estructura combina l’avaluació patentada de GTmetrix de les seves auditories personalitzades amb l’avaluació Lighthouse.

La puntuació representa com de bé està dissenyat el lloc per al rendiment.

Captura de pantalla de gtmetrix.com, febrer de 2023

Web Vitals

Aquesta secció destaca les mètriques que Google utilitza per determinar si un lloc web està generant el que es refereix com a “una experiència agradable”.

Pintura de contingut més gran (LCP)

LCP es refereix al temps que triga a carregar l’element més important de la pàgina del vostre lloc web on l’usuari el pot veure.

Una bona experiència d’usuari seria d’1,2 segons o menys.

Temps de bloqueig total (TBT)

TBT és una mètrica Lighthouse creada per mesurar la resposta de càrrega del vostre lloc web a l’entrada dels usuaris.

Està pensat per mesurar la quantitat de temps que va impedir que l’usuari interactués.

Això va substituir el primer retard d’entrada (FID) que s’utilitzava PageSpeed ​​Insights.

Canvi acumulat de disseny (CLS)

CLS és la mètrica que mesura el desplaçament inesperat dels elements de la pàgina mentre la pàgina es carrega.

Aquesta mètrica també s’utilitza a Google Web Vitals.

Això vol avaluar l’estabilitat d’una pàgina web.

Captura de pantalla de gtmterix.com, febrer de 2023

Conclusió

GTmetrix ofereix informació i coneixements valuosos per millorar el rendiment del vostre lloc web.

Actua com una eina integral per avaluar el benestar del vostre lloc i descobrir els factors que afecten la visibilitat del vostre motor de cerca.

Mitjançant l’ús de GTmetrix, podeu prendre mesures proactives per optimitzar i millorar la vostra presència en línia.

Més recursos:

Imatge destacada: Billion Photos/Shutterstock