Mejora tu sitioWORDPRESS · WEB · IDEAS
Español

Rendimiento

Cuando un botón parece listo pero responde tarde

Prueba la acción que se siente lenta. La carga inicial y la respuesta a un toque son partes diferentes de la experiencia.

El menú está visible, la página parece completa y un toque no produce nada durante un momento. Es normal volver a tocar, pero el resultado puede complicarse cuando finalmente se ejecutan ambas acciones. Una página que carga pronto todavía puede responder mal cuando alguien empieza a utilizarla.

Interaction to Next Paint, abreviado INP, se refiere a la capacidad de respuesta alrededor de ciertas interacciones. No mide toda la operación que existe detrás de un botón. Una búsqueda puede mostrar una señal inmediata mientras espera los resultados del servidor. Son partes relacionadas de la experiencia, pero no representan exactamente la misma medición.

Describe la acción antes de interpretar la cifra

Anota la página, el control y la secuencia anterior a la demora. ¿Ocurre al abrir el menú por primera vez, después de varios filtros o mientras se inicia un componente pesado? Repite la secuencia en un teléfono menos potente. Un navegador de escritorio puede terminar pronto una tarea que hace esperar a otra persona.

Utiliza una grabación de rendimiento para investigar esa interacción o entrega la secuencia a quien mantiene el sitio. El navegador puede estar ocupado antes de atender la entrada, realizar demasiado trabajo para procesarla o tardar en mostrar el resultado. Instalar una caché de páginas no resuelve automáticamente el trabajo que sucede dentro del navegador del visitante.

Tres etapas: espera de la entrada, ejecución de controladores y presentación de la respuesta.
Diagrama explicativoLa interacción puede demorarse en cualquiera de estas etapas. La finalización posterior de una búsqueda o un formulario es otra parte de la experiencia. Abre la imagen para verla completa.
Leer el diagrama como texto
  • La entrada espera: Otro trabajo del hilo principal puede impedir que comiencen los controladores.
  • Se ejecuta la respuesta: El código del control puede realizar demasiado trabajo en una interacción.
  • Aparece el cambio: El renderizado debe terminar antes de mostrar el siguiente cuadro actualizado.

Registra la interacción exacta; la velocidad de carga no basta para explicarla.

Piensa en un directorio con cientos de tarjetas. Un filtro que reconstruye todas después de cada letra puede comportarse de manera distinta de otro que busca al enviar la consulta o actualiza una parte visible más pequeña. El diseño adecuado depende de la tarea, pero la prueba debe incluir escribir, borrar y utilizar el teclado; no solo hacer un clic desde una computadora potente.

Conserva las señales que necesita el lector

Reducir trabajo no debe eliminar estados útiles. Si una acción inicia una solicitud, muestra una indicación comprensible de espera y un resultado claro. Evita envíos duplicados cuando corresponda, sin dejar el botón desactivado para siempre después de una falla. Una respuesta que parece más rápida no ayuda si la persona no sabe si su solicitud funcionó.

Para quien administra WordPress, el resultado puede ser un informe reproducible para el desarrollador del tema o plugin, en lugar de un cambio de código. Incluye la función concreta, las versiones relevantes, el dispositivo y una secuencia breve. No atribuyas toda demora al último plugin instalado sin comprobar esa hipótesis. Una interacción específica permite acotar la investigación.