¿Cuál es el rendimiento percibido y por qué necesita optimizarlo?

El rendimiento importa. Puede significar la diferencia entre capturar el correo electrónico de un visitante o incluso una mejor cantidad de ventas. Es por eso que pasamos tanto tiempo optando por nuestros sitios para hacerlos más rápido. Pero no solo estoy hablando de la velocidad de la página. Hay un área de optimización de rendimiento completamente diferente que no recibe tanta atención. Estoy hablando del rendimiento percibido. Es una medida de la rapidez con que un usuario piensa que es su sitio web, no necesariamente qué tan rápido dicen sus estadísticas técnicas. En esta publicación, exploraremos lo que se percibe el rendimiento, parte de la psicología detrás de la forma en que las personas perciben el tiempo y analizarán algunas técnicas que puede usar para que sus sitios se sientan más rápido.
El uso de técnicas en este artículo, además de las técnicas tradicionales de optimización de páginas, debería contribuir a mejorar la experiencia general de su sitio. Nota: ¿Está interesado en leer más sobre la velocidad de la página? Consulte la velocidad de la página y por qué debería evaluar mi sitio de WordPress. Psicología del tiempo: el tiempo de carga percibido frente al tiempo real que mide con un cronómetro es el momento objetivo. Es absolutamente desarrolladores que pueden medir la velocidad de un sitio web y hacer los ajustes necesarios para hacerlo técnicamente más rápido.
El tiempo psicológico, por otro lado, es subjetivo y potencialmente maleable. Es relativo, pero se puede manipular para que se perciba como subjetivo más rápido de lo que es realmente. Tomemos, por ejemplo, ascensores. ¿Alguna vez te has preguntado por qué los ascensores tienen espejos? Son uno de los inventos más grandes en los tiempos modernos, lo que permite a las personas viajar 40 pisos sin romper el sudor subiendo las escaleras. Pero cuando los ascensores se introdujeron por primera vez, la gente estaba sentada en ellos, mirando la puerta con una sensación de tiempo exagerada, porque no tenían nada más que hacer (¡esto era antes de que los teléfonos inteligentes fueran inventados!). de caer 40 pisos hasta la muerte, con nada más que cables que los suspenden en el aire. Además, la gente se quejaba de lo lentos que eran los ascensores.
Los selfies son un tiempo libre con el elevador debido a los espejos. Imagen: Hernan Pinera. Por lo tanto, las compañías de ascensores han tratado de responder al desafío de hacer ascensores más rápidos y seguros. En ese momento era algo costoso de hacer. Hasta que un ingeniero propuso analizar el problema desde otro ángulo: la gente pensó que los ascensores son lentos, por lo que en lugar de centrarse en motores más grandes y modelos de polea más rápidos, ¿por qué no concentrarse en la persona dentro del ascensor?

Esto ha llevado a la idea de los espejos en los ascensores, de modo que las personas piensen en algo más en lugar de centrarse en el tiempo o su preocupación de caída. Distribuido por los espejos, la gente se sacudía en el cabello y el maquillaje. En una encuesta de seguimiento, la gente comentó qué tan rápido fueron los “nuevos” ascensores, a pesar de que la velocidad fue exactamente la misma. En un ejemplo más reciente que destaca aún más cómo los grandes problemas no siempre requieren grandes soluciones, Eurostar ha invertido miles de millones de libras para reducir el tiempo de viaje entre Londres y París en sus trenes de 25 minutos. La idea era que les gustaría a los clientes. Pero en Ted Talk Sweat the Small Cofts, el director de publicidad Rory Sutherland enfatiza que habría sido más sabio para hacer que el viajero viaje. Eurostar podría haber equipado sus trenes con WiFi por una fracción del costo, mejorar la experiencia del usuario y reducir el tiempo de viaje percibido. Porque los viajeros que están pegados a Facebook, noticias o viendo una película apenas notarían la reducción del tiempo de viaje. Muchos sitios a menudo repiten el error de Eurostar, centrando todos los esfuerzos en mejorar la velocidad de la página, al tiempo que descuidan una experiencia de usuario web increíblemente importante.
¿Qué tan rápido debe cobrar su sitio? Al observar el tiempo oportuno, hay algunas pautas de velocidad que debe tener en cuenta al optimizar el rendimiento de su sitio en su libro de ingenieros de uso, el experto de uso, Jakob Nielsen, identifica tres límites de tiempo importantes de tiempo para la percepción de la percepción de la percepción de la percepción de Tiempo de reacción de un sitio web:
Hasta 0.1 segundos: el usuario no reconoce ningún retraso perceptible. La carga parece algo instantánea. Este es el estándar óptimo al que debe apuntar al optimizar sus sitios web. Hasta 1 segundo: el retraso es fácilmente perceptible. El usuario siente un descanso. Si todas las operaciones duran 1 segundo, el sitio puede sentirse lento.
Hasta 10 segundos: si una operación que dura 10 segundos o más, perderá la atención del usuario. Pueden cambiar a una nueva pestaña o aplicación o simplemente cerrar su página web. Sin embargo, hay situaciones en las que un usuario esperará, como cuando acaba de enviar los detalles de su tarjeta de crédito.
Dado que Nielsen inicialmente publicó estos límites de tiempo en 1993, es probable que el límite superior de 10 segundos sea ahora 5 segundos o incluso menos. Desde principios de la década de 1990, las velocidades de Internet han aumentado exponencialmente, y los usuarios se han acostumbrado a los sitios web de carga rápida, por lo que cualquier sitio que dure más de 10 segundos parece cargarse a través del acceso telefónico.
Hay muchas maneras de optimizar el rendimiento de su sitio, para que cobre más rápido (ver Acelerar el sitio web: hacer que los primeros segundos importen). Y cuando se trata de la optimización del sitio, de modo que se cargue más psicológicamente, hay métodos que puede usar que pueden ayudar a reducir el tiempo de carga percibido. Se siente más rápido que el tiempo de carga objetivo.
Cómo optimizar el tiempo de carga percibido aquí hay algunos consejos para ayudarlo a agregar su propia versión de los espejos a su sitio, para que se sienta más rápido para los usuarios. Use los indicadores de actividad y progreso Si tiene ciertos elementos de página que son lentos en su sitio o operaciones lentas que influyen en la experiencia del usuario, debe considerar usar un indicador de actividad, como una ruleta. Los indicadores de actividad aseguran a los visitantes que la página funciona y que en realidad están cargando. Aún mejor, use una barra de progreso que muestre qué porcentaje del sitio ya se ha cargado. Esto no solo ayuda a tranquilizar a los usuarios inquietos, sino que también da una idea de lo más posible.
Siempre que sea posible, siempre es mejor mostrar una barra de progreso que proporcione comentarios en tiempo real sobre el mayor tiempo posible la operación, porque el visitante puede continuar utilizando su sitio. Unsplash usa un rotador para decirle a los usuarios que las fotos todavía están cargando: desplácese hacia abajo para verificarlas en acción a continuación. Cómo parece una animación de la barra de progreso también puede afectar el rendimiento percibido, ya que este estudio de investigadores en el Instract con la computadora humana de la Universidad Carlon Mellon.
Este tweet es una prueba adicional, que muestra cómo Facebook ha descubierto que el mero cambio en la animación de carga ha afectado a quién acusó a los usuarios por tiempos de carga lentos. #enio interesante! Facebook ha realizado pruebas A/B para determinar que los usuarios culparon a FB a la izquierda, a iOS a la derecha, por desacelerar. pic.twitter.com/zevBTime1q-Deeje (@deeje) 31 de enero de 2014 2. Primero cargue el contenido por encima de la página Cargue el contenido por encima de su página primero. De esta manera, los usuarios no solo verán que su sitio web comience a cargarse, sino que podrán comenzar a interactuar con él mientras el contenido aún se carga en la página. Un estudio de seguimiento visual realizado por Nielsen Norman Group encontró que cuando el contenido más importante en un sitio web se carga primero, los usuarios gastan aproximadamente el 20% del tiempo examinando el contenido. Sin embargo, si esta área tarda 8 segundos en cargarse, los usuarios pasarán solo el 1% de su tiempo visualizando esta área. Google recomienda dos estrategias principales para cargar y priorizar el contenido por encima de la página: Estructura su código HTML para cargar primero el contenido crítico, por encima de la página
Reducir la cantidad de datos utilizados por sus recursos
3. Use la carga progresiva y perezosa de otro método que pueda hacer que las personas perciban la carga tan rápido es la carga progresiva de contenido. Este enfoque se usa comúnmente al cargar imágenes (carga perezosa). La idea básica detrás de la carga perezosa es que la imagen sustituyente se muestra en la página y se carga progresivamente en diferentes etapas, desde poco claras, hasta píxeles, para borrar. Se puede aplicar una técnica similar al contenido real de la página. Facebook se carga progresivamente mientras ejecuta el flujo de noticias, combinando un indicador de actividad con un sustituto de contenido: Facebook usa la carga progresiva para indicar los resultados. Unsplash, el sitio web con mucha imagen también utiliza la carga perezosa asociada con un indicador de actividad:

Unsplash utiliza la carga perezosa y un indicador de actividad para garantizar a los usuarios que se cargan las imágenes. 4. El contenido de precarga de precarga le permite priorizar la carga de ciertos contenidos por página. Usando el valor de precarga del atributo REL del elemento
, puede escribir solicitudes de recuperación declarativa que especifiquen los recursos que sus páginas necesitan muy pronto después de la carga y desea comenzar precarga antes de comenzar la máquina de renderizado del navegador principal. Esto asegura que estos recursos estén disponibles antes y que tengan menos probabilidades de bloquear la primera reproducción de la página, lo que, a su vez, ofrece mejoras de rendimiento. La precarga es un estándar web relativamente nuevo, destinado a proporcionar un control más granular de los desarrolladores web. Permite a los desarrolladores definir la lógica de carga personalizada sin sufrir la penalización de rendimiento involucrada por los cargadores de recursos basados ​​en el script. 5. Predecir la próxima acción del usuario Ahora ingresamos las bolas de cristal que en realidad están en el ámbito de las posibilidades. Aunque predice lo que el usuario podría hacer en una página puede parecer difícil al principio, si tiene un sitio donde los usuarios tienden a realizar el mismo flujo de trabajo una y otra vez (es decir, haga clic en los enlaces de navegación, haga clic en ciertos botones), entonces no es así. difícil. para predecir lo que harán a continuación. Por lo tanto, aproveche al máximo este conocimiento y precarga el contenido más popular en el fondo, por lo que si el usuario, de hecho, elige la acción que predijo, el contenido ya se mostrará, listo para la interacción. Mediendo el rendimiento percibido Desafortunadamente, no hay una herramienta de prueba de velocidad fácil para medir para medir el rendimiento percibido, aunque valores como el primer contenido/pintura significativa pueden sugerir esto.