¿Cómo puedo mejorar el tiempo de carga de mi página web?

Paso 1: medir el tiempo de carga y conocer los valores objetivo

Antes de cambiar nada necesita valores de partida. Mida con Google PageSpeed Insights al menos la página de inicio y dos subpáginas importantes, cada una para dispositivos móviles. La herramienta muestra dos tipos de datos: datos de campo de visitantes reales, si hay suficientes, y datos de laboratorio de una prueba simulada. Los datos de campo son los decisivos, y también los encuentra en Google Search Console, en el informe de Core Web Vitals. Anote los valores para poder demostrar los avances.

Las tres métricas marcan el listón: el LCP mide cuándo se ha cargado el mayor contenido visible, el INP con qué rapidez responde la página a clics y entradas, y el CLS cuánto se desplazan los contenidos durante la carga. En cada caso se evalúa el percentil 75 de las visitas. Una puntuación alta en la prueba de laboratorio es un indicio, pero no una prueba; importa más que visitantes reales en dispositivos reales vivan páginas rápidas.

• LCP (mayor contenido visible): bueno hasta 2,5 segundos
• INP (respuesta a las entradas): bueno hasta 200 milisegundos
• CLS (desplazamientos de maquetación): bueno hasta 0,1
• Medir en móvil, por separado la página de inicio, una página de servicios y la de contacto

Paso 2: aligerar imágenes y vídeos

En muchas webs las imágenes son la mayor palanca. A menudo se suben fotos en tamaño original aunque se muestren pequeñas. Escale las imágenes al tamaño real de visualización, comprímalas y sirva formatos modernos como WebP o AVIF. Con varios tamaños por imagen, un teléfono móvil carga solo la versión pequeña. Indique además el ancho y el alto, para que el espacio quede reservado y la página no salte mientras carga.

Cargue las imágenes situadas por debajo del área visible con retraso, pero la imagen principal de la parte superior de inmediato y con alta prioridad: esa imagen suele ser el elemento del LCP. Los vídeos no deberían cargarse automáticamente. Los vídeos incrustados de plataformas pueden configurarse de modo que solo aparezca una imagen de vista previa y el reproductor se cargue tras un clic. Eso ahorra datos y encaja además con los requisitos de la protección de datos.

Paso 3: revisar servidor, alojamiento y caché

Una web no puede aparecer más rápido de lo que responde el servidor. Compruebe el tiempo de respuesta del servidor en las herramientas de medición: si es alto de forma permanente, la causa suele ser un alojamiento barato y sobrecargado, un software de servidor anticuado o una web que recalcula cada página en cada petición. Cambie a una versión actual de PHP si su sistema usa PHP y aclare con su proveedor si el plan encaja con el volumen de visitas.

La caché evita trabajo innecesario: una caché de páginas sirve páginas ya generadas, la caché del navegador permite a los visitantes que vuelven reutilizar archivos en local y una red de distribución de contenidos acerca los archivos al visitante. Active además la compresión de la transferencia, por ejemplo con Brotli o gzip. En WordPress compensa también echar un vistazo a la base de datos, donde se acumulan revisiones y restos que pueden ralentizar cada petición.

• Controlar el tiempo de respuesta del servidor en las herramientas de medición
• Revisar el plan de alojamiento y la versión de PHP
• Configurar la caché de páginas y la caché del navegador
• Activar la compresión de la transferencia
• Valorar una red de distribución de contenidos si el público es internacional

Paso 4: aligerar el código (CSS, JavaScript y tipografías)

Cada script y cada hoja de estilo debe cargarse y procesarse. Elimine lo que no necesite: bibliotecas sin usar, funciones duplicadas, plugins superfluos. Los archivos pueden reducirse y combinarse; el JavaScript que no hace falta para la primera visualización debería cargarse más tarde o de forma diferida. Frenan especialmente los temas y constructores de páginas que incluyen mucho código para funciones que su web nunca usa.

También las tipografías cuestan tiempo. Use solo los pesos de letra que realmente aparecen, cárguelos en el formato compacto WOFF2 y sírvalos desde su propio servidor en lugar de llamar a servicios externos: suele ser más rápido y más respetuoso con la privacidad. Con un ajuste adecuado se muestra primero una tipografía sustituta, de modo que el texto sea legible de inmediato. Compruebe en cada plugin si su utilidad justifica el esfuerzo de carga.

Paso 5: mantener bajo control los scripts de terceros

Analítica, píxeles publicitarios, ventanas de chat, mapas, incrustaciones de redes sociales y avisos de cookies proceden de servidores externos y funcionan fuera de su control. Cada uno de estos servicios cuesta tiempo de carga, lastra la capacidad de respuesta de la página y es además un asunto de protección de datos. Haga una lista de todos los servicios integrados y elimine lo que no tenga un beneficio claro. Las etiquetas antiguas en el gestor de etiquetas son un hallazgo frecuente.

Lo que quede debería cargarse lo más tarde posible y de forma condicionada: los scripts que requieren el consentimiento del visitante, solo tras la decisión; mapas y vídeos, solo tras un clic; los widgets de chat, tras la primera interacción. Así alivia la importante primera impresión y su solución de privacidad funciona con limpieza. Para las cuestiones jurídicas del consentimiento, busque asesoramiento especializado; esto no sustituye el asesoramiento jurídico.

Paso 6: mejorar los desplaza­mientos de maquetación y la capacidad de respuesta

Un valor alto de CLS aparece cuando los contenidos se desplazan durante la carga por falta de espacio: imágenes sin indicación de tamaño, banners que cargan tarde, incrustaciones o tipografías que cambian de tamaño al sustituirse. Reserve espacio para esos elementos y procure que las barras de aviso no empujen el contenido hacia abajo. A menudo se corrige con pocos ajustes de maquetación y mejora la impresión de inmediato.

Un mal valor de INP indica que la página no muestra nada durante demasiado tiempo tras un clic, normalmente porque scripts pesados bloquean el navegador. Ayudan aquí menos JavaScript y más ligero, dividir las tareas largas y renunciar a efectos costosos. Pruebe en un teléfono sencillo y más antiguo, y no solo en su rápido equipo de trabajo, porque ahí se ven las debilidades que sus visitantes viven cada día.

Paso 7: no abandonar: medición, presupuesto y normas de redacción

Una web rápida no sigue siendo rápida por sí sola. Cada plugin nuevo, cada imagen grande y cada script adicional empeoran poco a poco los valores. Fije por eso límites, como tamaños máximos de imagen para el equipo de redacción y una comprobación antes de integrar servicios nuevos. Mida de nuevo tras cambios importantes y actualizaciones y vigile el informe de Core Web Vitals en Search Console, porque muestra pronto las malas evoluciones.

A veces los ajustes no bastan: si el propio tema, el constructor de páginas o la arquitectura del sistema frenan, una reestructuración técnica o un relanzamiento es la solución más económica. La velocidad es un factor entre muchos para la visibilidad y no sustituye a los buenos contenidos; sobre todo mejora la experiencia de sus visitantes. Analizamos su web, aplicamos las medidas y configuramos el control para que los valores sigan siendo buenos a largo plazo.