Para mellorar a velocidade de carga da túa web, mide primeiro as páxinas que usan os teus visitantes, identifica que atrasa o seu contido ou as súas interaccións e comproba cada cambio nas mesmas condicións. Reducir imaxes, evitar traballo innecesario de JavaScript e revisar a resposta do servidor adoitan ser puntos de partida, pero a prioridade depende do que revele a medición.
Esta guía céntrase en como medir e actuar. Para entender o contexto, podes ler o artigo sobre a importancia da velocidade web. Unha mellora técnica pode facilitar o uso da páxina, pero non garante mellores posicións en Google nin máis vendas.
1. Elixe que páxinas e accións vas medir
Non revises só a portada. Inclúe unha páxina de servizo, un artigo e, se tes tenda, unha categoría e unha ficha de produto. Proba tamén as accións importantes: abrir o menú, aplicar un filtro, enviar un formulario ou engadir ao carriño.
Anota o enderezo, o dispositivo, a ferramenta e o estado da páxina en cada proba. Unha sesión iniciada, un aviso de cookies ou unha aplicación de terceiros poden modificar o que se carga. Usa condicións comparables para non atribuír a un cambio diferenzas causadas pola rede ou polo navegador.
- Selecciona páxinas representativas, non unicamente a máis rápida.
- Comproba móbil e escritorio por separado.
- Repite as probas para detectar variacións e evita decidir por un único resultado.
- Garda o informe inicial e os problemas funcionais que observes.
2. Utiliza PageSpeed Insights sen confundir puntuación e experiencia real
Introduce un enderezo público en PageSpeed Insights e revisa as vistas de móbil e escritorio. A ferramenta pode mostrar datos de usuarios reais e unha proba de laboratorio con Lighthouse. Son medicións diferentes e non deben interpretarse como se fosen o mesmo resultado.
Datos de campo: o que experimentan usuarios reais
Cando existen datos suficientes, a información do informe de experiencia de usuario de Chrome permite observar como funciona a web en visitas reais. Comproba se o informe corresponde ao enderezo concreto ou ao conxunto da orixe. Que non aparezan datos non significa que a web sexa rápida ou lenta: pode non haber información suficiente para mostralos.
Datos de laboratorio: unha proba para diagnosticar
Lighthouse executa unha proba baixo condicións controladas e sinala oportunidades de mellora. A súa puntuación pode variar entre execucións. Úsaa para investigar os recursos e as tarefas que atrasan a páxina, non como un obxectivo illado nin como unha garantía de posicionamento.
Podes consultar a explicación oficial de como funciona PageSpeed Insights. Se non dispós de datos de campo, combina as probas de laboratorio con comprobacións en dispositivos reais e seguimento posterior.
3. Identifica que parte da experiencia falla
Non todos os problemas de velocidade consisten en descargar ficheiros. Pode aparecer tarde o contido principal, bloquearse unha interacción ou moverse a páxina mentres les. As Core Web Vitals axudan a distinguir estas situacións.
- LCP: mide cando se mostra o elemento de contido máis grande visible. Investiga cal é ese elemento e que atrasa a súa aparición.
- INP: reflicte a capacidade de resposta ás interaccións. Se a páxina tarda en reaccionar, revisa as tarefas de JavaScript e o traballo necesario para actualizar a pantalla.
- CLS: mide os cambios inesperados de posición do contido. Reserva espazo para imaxes, anuncios e elementos que chegan despois.
A proba de carga de Lighthouse non reproduce por si soa todas as interaccións necesarias para valorar INP. Os seus avisos sobre tarefas longas poden orientar o diagnóstico, pero non substitúen esa medición. Consulta a documentación de Core Web Vitals para interpretar os indicadores e os seus criterios actuais.
4. Optimiza as imaxes sen atrasar o contido principal
Revisa que imaxes se descargan e a que tamaño se mostran. Unha fotografía preparada para impresión adoita necesitar unha versión distinta para unha pantalla. Reduce as súas dimensións ao uso real e axusta a compresión sen perder o detalle que o visitante necesita.
- Usa formatos como WebP ou AVIF cando sexan adecuados e comproba o resultado visual.
- Ofrece versións de distinto tamaño para evitar descargar a mesma imaxe grande en todos os dispositivos.
- Declara dimensións ou unha proporción estable para evitar que o contido se mova ao cargar.
- Aplica carga diferida a imaxes que estean fóra da vista inicial cando corresponda.
- Non atrases con carga diferida a imaxe principal que necesita aparecer ao abrir a páxina.
Se a imaxe principal é o elemento LCP, comproba que o navegador pode descubrila pronto. A precarga ou unha prioridade de descarga maior poden axudar en casos concretos, pero non convén aplicalas indiscriminadamente a todas as imaxes: compiten polos mesmos recursos.
Revisa tamén vídeos e animacións. Evita cargar un reprodutor pesado antes de que o usuario o necesite e ofrece unha presentación inicial lixeira cando sexa posible, sen ocultar información necesaria.
5. Reduce JavaScript e revisa os servizos de terceiros
Cada chat, reprodutor, ferramenta de medición ou extensión pode engadir descargas e traballo ao navegador. Fai unha lista do que se carga e distingue o imprescindible para usar a páxina do que pode esperar.
- Elimina extensións duplicadas ou sen unha función necesaria, despois de comprobar as súas dependencias.
- Carga funcionalidades só nas páxinas que as utilizan cando a plataforma o permita.
- Divide tarefas longas se unha interacción queda bloqueada.
- Revisa se un servizo pode cargarse despois ou tras unha acción do usuario.
- Mantén o consentimento esixible: acelerar a web non xustifica activar seguimento antes de obtelo.
Non marques todos os scripts como diferidos nin elimines código porque unha ferramenta o sinale como non utilizado nunha soa visita. Pode ser necesario ao abrir un menú ou completar unha compra. Despois de cada axuste, comproba formularios, carriño e outros percorridos importantes.
6. Comproba o servidor, a caché e a entrega de recursos
Se o navegador espera moito antes de recibir a resposta inicial, investiga o aloxamento, as consultas, as redireccións e os procesos que xeran a páxina. Comprimir imaxes non resolve un servidor que tarda en responder.
Revisa a compresión dos ficheiros de texto e as regras de caché dos recursos que poden reutilizarse. Unha rede de distribución de contido pode facilitar a entrega, pero non corrixe automaticamente unha aplicación lenta nin unha configuración incorrecta.
- Evita cadeas de redireccións innecesarias sen romper os enderezos existentes.
- Configura a caché de imaxes, estilos e scripts tendo en conta como se actualizan.
- Non apliques caché pública a datos persoais, sesións, carriños ou pedidos.
- Comproba como se invalida a caché ao cambiar contido ou publicar unha versión.
Se non xestionas estas opcións, comparte os informes con quen mantén a web e pide unha comprobación concreta da resposta do servidor e da caché. Cambiar de aloxamento sen diagnóstico pode trasladar o mesmo problema a outro provedor.
7. Revisa estilos, fontes e movementos de contido
Os estilos e as fontes tamén inflúen en cando aparece o contido e na súa estabilidade. Limita as variantes tipográficas que non utilizas e comproba como se mostra o texto mentres chega a fonte elixida.
Evita ocultar todo o texto ata que remate unha descarga. Se utilizas unha fonte alternativa durante a carga, revisa que o cambio non desprace de forma incómoda títulos, botóns ou parágrafos. Reserva espazo para banners e módulos que se insiren despois.
Reducir estilos innecesarios pode axudar, pero borrar regras automaticamente sen probar outras páxinas pode romper o deseño. Fai estes axustes sobre unha copia de traballo e comproba os distintos tamaños de pantalla antes de aplicalos á web pública.
8. Prioriza cambios e verifica o resultado
Comeza polo problema que afecta ao contido ou á acción principal. Se a imaxe inicial chega tarde, investiga a súa descarga e a resposta do servidor. Se a páxina se ve pero non reacciona, revisa o traballo do navegador. Se os botóns cambian de lugar, corrixe a estabilidade do contido.
- Garda a medición inicial e describe o problema observado.
- Aplica un cambio concreto ou un pequeno grupo relacionado de cambios.
- Repite a proba nas mesmas páxinas e condicións.
- Comproba as funcións principais e a aparencia en móbil e escritorio.
- Documenta que cambiou e como volver atrás se aparece un fallo.
- Revisa despois os datos de usuarios reais cando estean dispoñibles.
Os datos de campo reflicten visitas acumuladas, polo que non mostran necesariamente un cambio en canto o publicas. Non confundas unha mellora inmediata en laboratorio cunha mellora xa confirmada para todos os teus visitantes.
Que non convén facer para conseguir unha puntuación máis alta
- Eliminar contido necesario ou funcións útiles só para simplificar a proba.
- Atrasar a imaxe principal da páxina ou precargar todos os recursos.
- Instalar varias ferramentas de optimización que aplican cambios incompatibles.
- Activar caché sen comprobar sesións e datos privados.
- Dar por resolto o problema cunha única execución favorable.
- Prometer posicións en Google a partir dunha puntuación de rendemento.
O obxectivo é que a web mostre o contido útil, responda ás accións e manteña unha presentación estable. Google explica o contexto destes sinais na súa documentación sobre Core Web Vitals e os resultados de busca. Melloralas non garante unha posición concreta.
Comeza por un diagnóstico, non por unha lista de trucos
Elixe as túas páxinas principais, mide a súa carga e as súas interaccións e anota que impide usalas con comodidade. Esa información permitirache decidir se necesitas optimizar imaxes, revisar o código ou actuar sobre o servidor, sen modificar o que xa funciona.
Se necesitas axuda para interpretar os resultados e priorizar o traballo, podes consultar o noso servizo de optimización web ou enviarnos o enderezo da túa web e o problema que observas.