Optimización de PageSpeed — Fai que a túa páxina sexa máis rápida en 2026

Por que a Velocidade É un Factor de Clasificación

Google confirmou que a velocidade da páxina afecta as clasificacións. As páxinas lentas frustran os usuarios, e Google quere ofrecer a mellor experiencia. Os datos de Google amosan que a probabilidade de que un usuario saia aumenta un 32% cando o tempo de carga pasa de 1 a 3 segundos.

Pero non se trata só de clasificacións. A velocidade afecta directamente ás túas ganancias:

Conversións — Cada segundo adicional de tempo de carga reduce as conversións en até un 7%
Taxa de rexeitamento — O 53% dos usuarios móbiles abandonan unha páxina que tarda máis de 3 segundos en cargar
Experiencia do usuario — As páxinas rápidas parecen profesionais e de confianza

Core Web Vitals — As Métricas de Velocidade de Google

Google mide a velocidade a través de tres métricas de Core Web Vitals:

LCP — Largest Contentful Paint

Mide cando o maior elemento visible (normalmente unha imaxe ou un título) termina de cargar.

Bo: Menos de 2.5 segundos
Necesita mellora: De 2.5 a 4.0 segundos
Pobre: Máis de 4.0 segundos

INP — Interaction to Next Paint

Mide a rapidez coa que a páxina responde cando o usuario interactúa (fai clic, escribe, desplaza).

Bo: Menos de 200ms
Necesita mellora: De 200 a 500ms
Pobre: Máis de 500ms

CLS — Cumulative Layout Shift

Mide canto se desplaza o layout durante a carga. Coñeces a sensación — queres clicar nalgún elemento, pero de súpeto o contido móvese e acabas clicando noutro lado.

Bo: Menos de 0.1
Necesita mellora: De 0.1 a 0.25
Pobre: Máis de 0.25

10 Consejos de Optimización Concretos

1. Optimiza as Imaxes

As imaxes son normalmente a maior fonte de problemas. Utiliza formatos modernos como WebP ou AVIF, que poden reducir o tamaño dos arquivos entre un 30-50% sen perda visible de calidade.

Comprime todas as imaxes antes de subir
Usa loading="lazy" nas imaxes non visibles na carga inicial
Sempre especifica width e height para evitar CLS
Usa imaxes responsivas con srcset para diferentes tamaños de pantalla

2. Minifica CSS e JavaScript

Remove código non utilizado, espazos en branco e comentarios nos teus arquivos CSS e JS. A maioría das ferramentas de construción fan isto automáticamente, pero verifica que realmente ocorra na produción.

3. Activa a Compresión

Asegúrate de que o teu servidor envía arquivos con compressión Gzip ou Brotli. Isto pode reducir o tamaño dos arquivos en até un 70%.

4. Utiliza a Caché do Navegador

Configura os encabezados Cache-Control para que o navegador almacene arquivos estáticos (CSS, JS, imaxes) localmente. A próxima vez que o usuario visite, estes arquivos non necesitan ser descargados de novo.

5. Reduce o Tempo de Resposta do Servidor

O tempo de resposta do teu servidor (Time to First Byte, TTFB) debería estar por debaixo dos 200ms. Solucións:

Utiliza un provedor de hosting rápido
Activa a caché do lado do servidor
Optimiza as consultas da base de datos
Usa un CDN para servir arquivos estáticos desde servidores próximos ao usuario

6. Deixa en Espera o JavaScript Non Crítico

O JavaScript que non é necesario para a vista inicial debería cargarse de forma asíncrona con async ou defer. Isto normalmente inclúe análises, widgets de chat e integracións de medios sociais.

7. Precarrega Recursos Críticos

Usa para fontes, CSS e imaxes necesarias para a vista inicial. Isto indica ao navegador que priorice estes arquivos.

8. Elimina Recursos que Bloquean o Renderizado

CSS e JavaScript no bloquean o renderizado da páxina. Move o CSS non crítico á parte inferior e inlines o CSS necesario para a vista inicial (CSS crítico).

9. Usa un CDN

Rede de Distribución de Contido (CDN) distribúe os teus arquivos en servidores de todo o mundo. Os usuarios descargan desde o servidor máis próximo, reducindo significativamente a latencia.

10. Optimiza as Fuentes Web

As fontes personalizadas poden atrasar a visualización do texto:

Usa font-display: swap para que o texto se mostre cunha fonte de reserva mentres a fonte personalizada carga
Subset as túas fontes para só os caracteres que utilizas
Precarrega as fontes máis importantes
Considera usar fontes do sistema para o texto do corpo

Como Probar a Túas Velocidade

Google PageSpeed Insights

A ferramenta oficial de Google. Ofrece tanto datos de laboratorio (simulados) como datos de campo (usuarios reais) xunto con suxestións concretas de mellora.

Chrome DevTools

Abre DevTools (F12), vai ao panel "Performance" e grava unha carga de páxina. Poderás ver exactamente que toma tempo e en que orde cargan os arquivos.

WebPageTest

Unha ferramenta de probas avanzada que permite probar desde diferentes ubicacións e velocidades de conexión. Proporciona diagramas de cascada detallados.

Priorización — Comeza Aquí

Se necesitas escoller tres cousas nas que concentrarte:

Imaxes — Comprime e convierte a WebP. Maior impacto co menor esforzo.
Caché — Configura os encabezados Cache-Control correctos. Configuración única.
JavaScript — Deixa en espera todo o non crítico. Reduce scripts de terceiros.

Queres saber exactamente como funciona o teu sitio? Realiza unha auditoría gratuita e mira os teus Core Web Vitals e a puntuación de velocidade.