WhatsApp (503) 7365-9182 · isaac@tunegocioenlinea.net

Solo te escribimos desde @tunegocioenlinea.net

Tu web carga rápido pero se siente lenta: se llama INP

Que tu web cargue rápido no significa que responda rápido. Te explicamos qué es INP, por qué Google lo mide y cómo detectar qué está frenando tu WordPress.

Tu web carga rápido pero se siente lenta: se llama INP

Abres tu sitio, la página aparece en un segundo y piensas: "listo, mi web es rápida". Luego un cliente toca el botón de "Agregar al carrito", o abre el menú en su celular, y no pasa nada. Toca otra vez. Ahora se abre dos veces. Se frustra y se va.

La verdad incómoda: que tu web cargue rápido no significa que responda rápido. Son dos problemas distintos, y Google mide los dos. El segundo tiene nombre: INP.

¿Qué es INP, sin tecnicismos?

INP significa Interaction to Next Paint. Mide cuánto tarda tu página en reaccionar visualmente cuando alguien hace algo: tocar un botón, abrir un menú, escribir en un formulario, marcar una casilla.

Desde el 12 de marzo de 2024, INP es oficialmente una de las Core Web Vitals de Google, junto con LCP (qué tan rápido aparece el contenido principal) y CLS (qué tanto "brinca" la página mientras carga). Reemplazó a una métrica anterior, FID, que era mucho más permisiva.

Los rangos que usa Google son simples:

  • Bueno: 200 milisegundos o menos.
  • Necesita mejorar: entre 200 y 500 milisegundos.
  • Malo: más de 500 milisegundos.

Medio segundo suena a poco. Pero cuando tocas un botón y no pasa nada durante medio segundo, tu cerebro ya decidió que "no funcionó".

Por qué tu sitio puede reprobar aunque "vuele"

La mayoría de dueños de negocio revisa la velocidad de una sola forma: abre el sitio en su computadora, con buen internet, y ve que carga. Eso mide, más o menos, la carga. No mide la respuesta.

El INP se arruina por algo diferente: demasiado JavaScript ocupando el navegador. Mientras el navegador está ocupado ejecutando código, no puede atender el toque de tu cliente. Lo pone en fila. Y tu cliente espera.

Además, Google no mide el INP en tu laptop de oficina. Lo mide con datos reales de tus visitantes, y la mayoría de tus clientes en Centroamérica te visita desde un celular de gama media o baja. Lo que en tu computadora tarda 50 milisegundos, en ese teléfono puede tardar cuatro o cinco veces más.

Los sospechosos de siempre en WordPress

En los sitios que revisamos, los culpables del INP malo casi nunca son misteriosos. Suelen ser estos:

1. El widget de chat que carga desde el primer segundo

Burbujas de chat, botones flotantes de WhatsApp con animaciones, asistentes de "IA" de terceros. Muchos cargan bastante JavaScript apenas se abre la página, aunque el 95% de tus visitantes nunca los use.

2. Demasiados píxeles y scripts de seguimiento

Píxel de Meta, etiqueta de Google, TikTok, Hotjar, un script de otra herramienta que probaste hace dos años y nunca quitaste. Cada uno pide su turno en el navegador. Juntos, hacen fila.

3. Constructores visuales pesados

Algunos page builders agregan capas y capas de código para animaciones, sliders, pestañas y efectos que se ven bonitos en la demo. El precio lo paga tu visitante cada vez que toca algo.

4. Plugins que hacen lo mismo dos veces

Dos plugins de formularios, dos de optimización, uno de popups que además trae su propia librería de animaciones. Nadie los revisa porque "no dan error". Pero sí dan lentitud.

5. Menús y filtros mal programados

En tiendas en línea es muy común: el filtro de productos o el menú móvil ejecuta demasiado trabajo en cada toque. Resultado: el menú se abre tarde, o se abre y se cierra.

Cómo saber si tienes un problema de INP

No necesitas ser programador para hacer un primer diagnóstico:

  • Entra a PageSpeed Insights (pagespeed.web.dev) y pon la dirección de tu sitio. Mira la sección de datos reales de usuarios. Si aparece INP en naranja o rojo, tienes tarea. Si dice que no hay suficientes datos, revisa la sección de diagnóstico de laboratorio, sobre todo el "tiempo de bloqueo total".
  • Revisa Google Search Console, en el informe de Core Web Vitals. Ahí verás qué grupos de páginas tienen problemas de INP en móvil.
  • Haz la prueba del celular barato: toma el teléfono más sencillo que tengas a mano, entra a tu sitio con datos móviles y toca el menú, el carrito y el formulario de contacto. Si sientes el retraso, tus clientes también.

Qué hacer (en orden de impacto)

  • Haz inventario de scripts. Lista todo lo que carga tu sitio de terceros. Si no sabes para qué está, probablemente no lo necesitas.
  • Retrasa lo que no es urgente. El chat, los píxeles y los widgets pueden cargar después de que el visitante interactúe o tras unos segundos. Muchos plugins de optimización lo permiten.
  • Quita plugins duplicados. Uno por función. Menos es más rápido y también más seguro.
  • Simplifica efectos. Sliders automáticos, animaciones al hacer scroll, contadores que suben solos: pregúntate si venden o solo decoran.
  • Revisa tu tema. Un tema moderno y ligero, bien construido sobre el editor de bloques, suele traer mucho menos JavaScript que un constructor visual cargado de extras.

Un detalle importante: el hosting ayuda, pero no arregla el INP por sí solo. Un buen servidor mejora el tiempo de carga; el INP depende sobre todo de lo que pasa dentro del navegador de tu cliente. Por eso tantos sitios "rápidos" siguen sintiéndose torpes.

Lo que realmente está en juego

No se trata de sacar un número verde para presumir. Se trata de que el botón de "Comprar", "Cotizar" o "Escríbenos por WhatsApp" responda en el momento exacto en que el cliente decide. Cada toque que no responde es una pequeña duda. Y las dudas, en internet, se convierten en pestañas cerradas.

Si quieres saber cómo está el INP de tu sitio y qué lo está frenando, en TNL revisamos tu WordPress y te decimos qué sobra, qué se puede retrasar y qué conviene reemplazar. Escríbenos aquí y lo vemos juntos.

Sigue leyendo

¿Tu sitio necesita más velocidad? Prueba cache.lat, nuestro plugin de caché estática para WordPress (gratis hasta 10 páginas), o pásate a un Plan Básico que ya lo incluye con licencia Pro de cortesía.

– / 5 · 0 valoraciones

Categorías: ,

Comentarios

Sé el primero en comentar.

Deja tu comentario

Verificación de seguridad con Cloudflare Turnstile. Se activará al usar este formulario.
Los comentarios se revisan antes de publicarse.