Velocidad web: por qué importa y cómo hacer tu web más rápida

A nadie le gusta esperar a una web.
Cuando una página tarda demasiado en cargar, los visitantes se van, a menudo antes de ver un solo producto u oferta.
La velocidad también influye en cómo Google posiciona tus páginas y en cuánto pagas por los anuncios que llevan a ellas.
La buena noticia es que la mayoría de las webs lentas tienen el mismo puñado de problemas, y muchos se pueden resolver sin rehacer nada.
En esta guía explicamos por qué importa la velocidad, cómo medirla y qué hace realmente más rápida una web.

Por qué importa la velocidad

• Los visitantes abandonan las páginas lentas.
  Cada segundo extra de carga hace que más gente se rinda, sobre todo en el móvil.
• Las páginas lentas venden menos.
  Las tiendas online y los formularios pierden conversiones cuando las páginas, los filtros y el pago van pesados.
• A Google le importa.
  La experiencia de página, incluida la velocidad en el móvil, forma parte de cómo Google valora tu web.
• Los anuncios salen más caros.
  La experiencia en la página de destino afecta a la calidad de tus anuncios, y las páginas lentas desperdician clics pagados.
• Influye en la confianza.
  Una web rápida y fluida parece profesional, mientras que una lenta parece anticuada.

Cómo medir la velocidad

PageSpeed Insights

La herramienta gratuita PageSpeed Insights de Google prueba una página en móvil y escritorio y da una puntuación de 0 a 100, además de una lista de mejoras.
La puntuación sirve de guía, pero céntrate en las cifras reales y en las sugerencias en lugar de perseguir el 100.

Core Web Vitals

Google usa tres medidas principales, llamadas Core Web Vitals.

• Largest Contentful Paint (LCP) mide lo rápido que aparece el contenido principal.
  El objetivo es 2,5 segundos o menos.
• Interaction to Next Paint (INP) mide lo rápido que reacciona la página cuando alguien toca o hace clic.
  El objetivo es 200 milisegundos o menos.
• Cumulative Layout Shift (CLS) mide cuánto salta el diseño mientras carga.
  El objetivo es 0,1 o menos.

Google Search Console muestra cómo viven estas cifras tus visitantes reales en toda la web, lo que a menudo es más útil que una sola prueba.

Prueba como un cliente

Abre tu web en tu propio móvil, con datos móviles y no con el wifi de la oficina.
Prueba la página de inicio, una página de producto o servicio, el buscador y el pago.
Si algo te parece lento a ti, también se lo parece a tus clientes.

Las causas más habituales de una web lenta

1. Imágenes demasiado grandes

Es el problema número uno en las webs de pequeñas empresas.
Una foto directa de la cámara o del móvil puede pesar varios megas, mientras que una imagen web rara vez necesita más de unos cientos de kilobytes.
Redimensiona las imágenes al tamaño al que se muestran, comprímelas y usa formatos modernos como WebP o AVIF.
Plugins como Imagify o ShortPixel pueden hacerlo automáticamente en WordPress.

2. Hosting lento

Los servidores baratos y saturados responden despacio antes de que la página empiece siquiera a cargar.
Si el tiempo de respuesta de tu servidor es alto, un hosting mejor puede marcar más diferencia que cualquier plugin.

3. Sin caché

Sin caché, el servidor construye cada página desde cero para cada visitante.
Un plugin de caché o una caché de servidor guarda páginas ya preparadas y las sirve en una fracción del tiempo.
Entre las opciones populares están LiteSpeed Cache, WP Rocket y la caché integrada en muchos planes de hosting gestionado.

4. Demasiados plugins y scripts

Cada plugin, widget de chat, slider, pop-up y código de seguimiento añade peso.
Algunos cargan scripts en todas las páginas, incluso donde no se usan.
Elimina lo que no necesitas y sustituye los plugins pesados por alternativas más ligeras.

5. Temas y maquetadores pesados

Algunos temas y maquetadores cargan mucho código por defecto.
Usa sus ajustes de rendimiento, evita acumular efectos y animaciones, y mantén los diseños de página sencillos.

6. Tipografías y servicios de terceros

Varias tipografías web, librerías de iconos, vídeos incrustados, mapas y feeds de redes cargan archivos desde otros servidores.
Limita el número de tipografías, alójalas en tu servidor, y carga los vídeos y mapas solo cuando el visitante haga clic.

Un plan práctico de velocidad

1. Mide primero.
   Prueba tus páginas clave y anota las cifras, para ver el efecto de cada cambio.
2. Arregla las imágenes.
   Comprime y convierte las imágenes existentes, y configura la optimización automática para las nuevas.
3. Activa la caché.
   Usa una sola solución de caché, no varias a la vez, y comprueba que los formularios, el carrito y los inicios de sesión siguen funcionando.
4. Limpia los plugins.
   Desactiva y elimina lo que no usas, y revisa qué plugins se cargan en qué páginas.
5. Optimiza la entrega del código.
   Minimiza y combina archivos donde ayude, aplaza los scripts que no se necesitan de inmediato, y aplica carga diferida a las imágenes y vídeos que están más abajo.
6. Reduce los scripts de terceros.
   Revisa los widgets de chat, los rastreadores y los contenidos incrustados, y quédate solo con los que aportan.
7. Plantéate una CDN.
   Una red de distribución de contenidos sirve los archivos desde servidores cercanos a cada visitante, lo que ayuda si tus clientes están repartidos por varios países.
8. Revisa el hosting.
   Si el servidor sigue siendo lento tras los pasos anteriores, mejora el plan o cambia de proveedor.
9. Vuelve a medir.
   Compara las nuevas cifras y vigílalas cada mes.

Velocidad en tiendas online

Las tiendas online tienen algunos retos extra.
Las páginas de categoría con muchos productos, filtros, variaciones e imágenes grandes pueden volverse lentas.
Limita el número de productos por página, usa plugins de filtros eficientes y asegúrate de que las imágenes de producto están comprimidas.
El carrito y el pago no se pueden cachear igual que las páginas normales, así que mantenlos lo más ligeros posible y evita scripts innecesarios en ellos.
En Shopify, elige un tema rápido, limita el número de apps y elimina el código que dejan las apps que has desinstalado.

Velocidad y móvil

La mayoría de los visitantes llega ya desde el móvil, a menudo con una conexión más lenta que el wifi de la oficina.
Diseña pensando primero en el móvil: imágenes más pequeñas, menos elementos en la primera pantalla y botones que reaccionan al instante.
Evita los pop-ups grandes en el móvil, que ralentizan la página y molestan a los visitantes.

No rompas nada al acelerar

Una optimización agresiva puede romper diseños, formularios, sliders o el proceso de pago.
Haz siempre una copia de seguridad antes de cambiar nada, cambia una cosa cada vez y prueba después las funciones importantes.
Una web algo más lenta que funciona es mejor que una rápida en la que los clientes no pueden pagar.

¿Cuánto de rápido es suficiente?

Como referencia, intenta que el contenido principal aparezca en unos dos segundos y medio en el móvil, y que la página responda en cuanto se toca.
A partir de ahí, las mejoras aportan menos.
Compárate también con tus principales competidores, porque los clientes te juzgan frente a las alternativas que conocen.

Los saltos de diseño: la molestia oculta

¿Alguna vez has intentado pulsar un botón y la página ha saltado justo antes, haciendo que pulses otra cosa?
Eso es un salto de diseño, y frustra a los visitantes aunque la página cargue rápido.
Suele ocurrir cuando las imágenes, anuncios, banners o tipografías cargan sin espacio reservado.
Fija tamaños para las imágenes y los contenidos incrustados, reserva espacio para los banners de cookies y los anuncios, y evita insertar contenido por encima de lo que el visitante ya está leyendo.

Mantenla rápida con el tiempo

Las webs tienden a volverse más lentas mes a mes a medida que se añaden imágenes, plugins y códigos de seguimiento.
Haz de la velocidad parte de tu rutina: revisa tus páginas clave una vez al mes, optimiza las imágenes nuevas automáticamente y pregúntate si cada nuevo plugin o script es realmente necesario.
Cuando rediseñes o añadas funciones grandes, prueba la velocidad antes de lanzar, no después de que se quejen los clientes.

Lo que vale la mejora de velocidad

Puede costar justificar tiempo o dinero en velocidad, porque el efecto es invisible hasta que lo mides.
Piénsalo así: si un pago más rápido hace que solo unos pocos clientes más terminen su pedido cada semana, la ganancia se acumula a lo largo del año.
Lo mismo ocurre con los anuncios, donde cada visitante que se va antes de que cargue la página es un clic que has pagado.
Mira tu tasa de conversión y tu tasa de rebote antes y después del trabajo de velocidad, y compáralas con tus ventas.
Según nuestra experiencia, las mayores ganancias suelen venir de las imágenes, la caché y el hosting, y a menudo se amortizan rápido.

Lista rápida de velocidad

• ¿Las imágenes están comprimidas, redimensionadas y en un formato moderno?
• ¿Hay una sola solución de caché activa y funcionando?
• ¿Se han eliminado los plugins, apps y scripts que no se usan?
• ¿Las tipografías son pocas y se cargan desde tu propio servidor?
• ¿Los vídeos y mapas se cargan solo cuando hacen falta?
• ¿Responde rápido el servidor y el hosting se adapta a tu tráfico?
• ¿Los Core Web Vitals de Search Console se ven bien en el móvil?

Errores comunes

• Subir imágenes directamente desde la cámara.
• Instalar varios plugins de caché a la vez.
• Perseguir una puntuación perfecta en lugar de una experiencia real rápida.
• Añadir un plugin nuevo para cada pequeña función.
• Probar solo en un ordenador rápido y nunca en un móvil.
• Olvidar volver a probar tras actualizaciones y contenido nuevo.

Empieza por las páginas que más importan

No hace falta optimizar todas las páginas a la vez.
Empieza por la página de inicio, tus páginas de destino más visitadas, tus productos más vendidos y el proceso de pago, porque ahí es donde la velocidad afecta más directamente a los ingresos.

¿Necesitas una web más rápida?

Aceleramos webs WordPress y WooCommerce optimizando imágenes, caché, plugins, código y hosting, y lo probamos todo para que nada se rompa.
Las revisiones de velocidad también forman parte de nuestros planes de mantenimiento.
Consulta nuestros precios de mantenimiento o contáctanos para una revisión gratuita de velocidad.