Un sitio lento no obliga a reconstruir todo. Con frecuencia, unas pocas causas concentran la mayor parte del retraso: servidor, imagen principal, archivos que bloquean el renderizado, JavaScript excesivo o terceros. La clave es medir antes de instalar otro plugin de “optimización”.
Las herramientas de laboratorio ayudan a depurar; los datos de campo muestran lo que viven usuarios reales. PageSpeed Insights combina ambos enfoques cuando hay suficiente información. Search Console agrupa URL con problemas de Core Web Vitals, pero no reemplaza una prueba por plantilla.
Empieza por una línea base
Selecciona páginas representativas: portada, servicio, artículo, contacto, categoría, producto y checkout. Registra LCP, INP, CLS, TTFB, peso transferido, solicitudes y scripts de terceros. Haz pruebas móvil y escritorio, con caché fría y caliente.
No optimices solo la portada. Una tienda puede tener un home rápido y un producto lento; un blog puede fallar por un bloque publicitario presente únicamente en artículos.
1. Corrige el elemento LCP
El Largest Contentful Paint suele ser la imagen principal, un banner o un bloque de texto. Para mejorarla:
- comprime y sirve la imagen al tamaño visual necesario;
- usa WebP o AVIF cuando el flujo lo permita;
- declara width y height;
- no apliques carga diferida a la imagen visible al abrir la página;
- precarga solo el recurso principal cuando sea justificable;
- reduce el tiempo del servidor y entrega el HTML pronto.
Una imagen de 3000 píxeles para un contenedor de 900 no gana calidad visible, pero sí añade descarga y decodificación.
2. Reduce JavaScript y mejora INP
INP mide la capacidad de respuesta a interacciones durante la visita. Revisa tareas largas, constructores que cargan widgets no utilizados, seguimiento duplicado, chats y scripts publicitarios. Carga código por página, divide tareas y pospone lo no esencial.
Eliminar un plugin puede no eliminar su huella si quedan scripts, estilos o tablas. Valida la red y el código ejecutado, no solo la lista del CMS.
3. Evita movimientos visuales
CLS aumenta cuando imágenes, anuncios, barras o fuentes cambian el diseño después de aparecer. Reserva espacio con dimensiones o relación de aspecto, no insertes contenido encima de lo ya mostrado y configura fuentes para reducir saltos. Los avisos de cookies deben planificarse como parte del layout.
4. Mejora caché y entrega
Configura caché de página cuando el contenido lo permita, cabeceras de navegador para recursos versionados, compresión Brotli o gzip y una CDN si la audiencia está distribuida. En contenido dinámico, aplica caché selectiva y excluye cuenta, carrito o checkout.
Una CDN no compensa un servidor que tarda varios segundos en generar HTML. Revisa PHP, base de datos, consultas, recursos y capacidad del hosting.
5. Optimiza fuentes y CSS
Limita familias y pesos, hospeda fuentes con una estrategia clara, precarga únicamente las críticas y evita bibliotecas completas para unos pocos íconos. Elimina CSS no usado con pruebas visuales; una automatización agresiva puede ocultar estilos aplicados después por interacción.
6. Controla terceros
Cada píxel, chat, mapa, video o herramienta añade costo. Clasifica los scripts por valor: esenciales, medibles, opcionales o eliminables. Carga mapas y videos bajo interacción, revisa etiquetas duplicadas en Tag Manager y solicita consentimiento cuando corresponda.
7. Limpia sin romper
Antes de minificar, combinar o retrasar scripts, crea una copia y un ambiente de prueba. Recorre navegación, formularios, filtros, compra, analítica y consentimiento. En HTTP/2 o HTTP/3, combinar todos los archivos no siempre mejora el resultado; la prioridad es reducir código y entregar lo crítico.
Orden recomendado de implementación
- Servidor y TTFB.
- Imagen o recurso LCP.
- JavaScript de mayor costo.
- dimensiones y estabilidad.
- caché y compresión.
- fuentes y CSS.
- terceros y limpieza continua.
Preguntas frecuentes
¿Un plugin de caché es suficiente?
No siempre. Puede ayudar, pero no corrige un hosting saturado, imágenes gigantes, consultas lentas o demasiado JavaScript.
¿Debo buscar una puntuación de 100?
No como fin único. Prioriza experiencia real y objetivos del negocio. Una puntuación es un diagnóstico bajo condiciones específicas.
¿La velocidad mejora el SEO?
La experiencia de página forma parte de un conjunto amplio de señales. La mejora más directa suele verse en usabilidad, abandono y capacidad de convertir; no garantiza una posición por sí sola.
Acelera la base que ya tienes
Bibliografía
¡Llevar la velocidad de
mi sitio web al siguiente nivel!