Rendimiento de sitios web: una guía completa

Todos hemos experimentado ese momento crítico en el que estás a punto de hacer una compra importante, como un billete de avión o reservar una cena espontánea, y la página deja de cargarse. Te descorazonas al preguntarte si la transacción se realizó y entras en pánico porque te van a cobrar dos veces. Finalmente, la frustración se instala: necesitabas reservar algo y perdiste tu oportunidad gracias a una página que simplemente no se cargó a tiempo.

Si puede identificarse con esta montaña rusa de emociones, entonces comprenderá la importancia del rendimiento del sitio web al momento de decidir Cómo hacer un sitio web.

El rendimiento de un sitio web mide la velocidad con la que se cargan y se muestran las páginas de un sitio web en el navegador de un usuario en cualquier tipo de dispositivo, lo que afecta la interactividad y la facilidad de uso generales. En pocas palabras: cuanto más rápido se carga y se muestra un sitio web, mejor “funciona”.

La infraestructura del servidor y de la plataforma desempeñan un papel fundamental en el rendimiento del sitio, pero otros factores pueden afectar el rendimiento, como la sobrecarga involuntaria de un sitio web con contenido e imágenes. En esta guía, cubriremos todos los aspectos básicos del rendimiento del sitio web y, además, compartiremos lo que puede hacer para supervisar, brindar soporte y mejorar su sitio.

Consejo: Aprender más acerca de Rendimiento de Wix y cómo los sitios Wix ahora funcionan mejor que nunca. Mejoras constantes de la infraestructura—como la optimización continua del código y las conversiones automáticas de imágenes al formato WebP— ayudan a que los sitios se carguen más rápidamente, independientemente de su dispositivo o ubicación.

Independientemente de su sector o nicho, piense en el rendimiento del sitio web como el andamiaje de su éxito en línea. Muchas veces, un buen rendimiento inicial es todo lo que necesita un visitante para asegurarse de que no solo volverá a interactuar con su sitio, sino que posiblemente también se convierta en cliente. Por ejemplo, si un visitante del sitio web experimenta que el sitio se bloquea o que el contenido tarda incluso un segundo más de lo debido en cargarse, es probable que no regrese a su sitio. Esto puede tener un impacto duradero no solo en su sitio web, sino también en la percepción que el público tiene de su marca.

Profundicemos un poco más en por qué el rendimiento del sitio web es tan importante: impacta:

Al crear un sitio web, es fundamental tener en cuenta cómo el diseño afecta el rendimiento. Si tiene un sitio web sitio web de carga lentaNo importa lo hermoso que sea, porque los visitantes se irán antes de tener la oportunidad de verlo. Esto se debe a que esos elementos estéticos se producen a expensas del éxito de su sitio. experiencia de usuario.

“El rendimiento web es la experiencia del usuario”, afirma Lara Hogan, autora de Diseño para el rendimiento“Al diseñar y desarrollar un nuevo sitio, deberá tener en cuenta muchos componentes de su experiencia de usuario: diseño, jerarquía, intuición, facilidad de uso y más”.

Al ofrecer una experiencia de usuario que tenga en cuenta el rendimiento del sitio web, le brinda a su sitio web la mejor posibilidad de garantizar el éxito comercial.

Los propietarios de sitios web tienen un período de tiempo extremadamente corto para causar una buena primera impresión en los visitantes de su sitio, por lo que es esencial que su sitio web funcione bien. Porcentaje de rebote mide el porcentaje de visitantes que llegan a un sitio web y lo abandonan después de visitar solo una página o sin hacer clic en ningún enlace. Según GoogleSi una página tarda tres segundos en cargarse, en lugar de uno, los visitantes tienen un 32% más de probabilidades de rebotar.

Si un usuario tiene una buena experiencia con su sitio web fluido y rápido, es probable que permanezca en él y haga clic en algunas cosas. La experiencia puede incluso impulsarlo a regresar a su sitio y comprar algo o solicitar sus servicios. Nube de llamas“Cuanto más rápido se cargue una página web, más probabilidades hay de que un usuario realice la acción deseada en esa página web”.

Sin embargo, una Estudio de presagios de 2019 Se ha descubierto que los primeros cinco segundos de carga de la página tienen el mayor impacto en las tasas de conversión. Incluso un retraso de tan solo un segundo reducirá las conversiones en un 100%. 4,42%.

Controlar el rendimiento y la apariencia general de su sitio web puede indicarles a los clientes que usted valora su tiempo y su inversión. Una sola mala experiencia con un sitio web de bajo rendimiento puede influir confianza en la marca y la percepción general de la marca.

Imagínese lo siguiente: un miembro de una familia famosa publica una historia de Instagram con la sudadera con la marca de su empresa. Luego, otro microinfluencer publica el enlace a su página de productos, lo que hace un llamado a la acción a su audiencia, predominantemente de la generación Z, de que no solo está disponible la sudadera con la marca, sino que además está en oferta. Miles de visitantes con muchas intenciones deciden hacer clic en su sitio y comprar una de manera espontánea, pero se encuentran con una página de productos que tarda en cargarse. Si estos compradores impulsivos son como 60% de sus compañerosEs probable que reboten si un sitio web o una aplicación tardan demasiado en cargarse.

Y es probable que el daño no termine ahí. Su decepción podría persistir y afectar la forma en que ven su marca. El mismo estudio de IBM afirma que “las empresas que no pueden cumplir con las expectativas extremadamente altas de la Generación Z corren el riesgo de caer rápidamente en desgracia y dejar el camino libre a la competencia”.

En promedio, los estadounidenses revisan sus teléfonos 344 veces al día—Eso es una vez cada cuatro minutos, por lo que no es de extrañar que 57,84% De todo el tráfico web proviene de teléfonos móviles. Crear un diseño de alto rendimiento que se cargue rápidamente es una parte importante de la experiencia del usuario. Es probable que los usuarios de dispositivos móviles naveguen por su sitio web mientras viajan al trabajo o esperan su café, lo que significa que las distracciones están en todas partes y la velocidad es esencial.

Estudios Demuestra que una mejora de 0,1 segundos en la velocidad de un sitio móvil aumenta las tasas de conversión en un 8,4 % en los sitios minoristas. Puedes comprobar si tu sitio es compatible con dispositivos móviles con este sencillo prueba.

El rendimiento no solo afecta la forma en que el usuario experimenta su sitio web, sino que también puede incidir en la forma en que los visitantes encuentran su sitio web en primer lugar.

de google Elementos esenciales de la Web (que abordaremos más adelante) son parte de la Experiencia de página de Google (un conjunto de señales para medir la experiencia percibida del usuario) y puede afectar la forma en que un sitio web aparece en una página de resultados de búsqueda (SERP).

Sin embargo, es importante tener en cuenta que Google no considera los Core Web Vitals como un factor clave de clasificación. Además, la experiencia de la página en sí misma es una señal de clasificación, no un indicador de clasificación. sistemade acuerdo a Google—y no debería ser algo en lo que te concentres excesivamente.

John Mueller, defensor de las búsquedas en Google, dicho que “la relevancia es todavía mucho más importante”.

Por ejemplo, si su empresa se clasifica junto a un competidor en una consulta en un SERP, el sitio que tenga un mejor rendimiento puede ocupar un lugar más alto en la página.

El rendimiento del sitio se mide mediante diversas pruebas de velocidad y calidad, que incluyen la rapidez con la que se carga un sitio web cuando llega un visitante, la rapidez con la que reacciona a las interacciones del usuario y la fluidez con la que se ejecutan los elementos multimedia, como las animaciones. Estas pruebas se miden en el laboratorio, ejecutando simulaciones controladas, o en el campo, utilizando experiencias de usuarios reales y mediciones reales.

Dado que hay tantas herramientas y métricas que deben controlarse, la iniciativa Core Web Vitals de Google crea un estándar industrial unificado y alineado para ayudar a los sitios web a centrarse en las métricas más importantes. Si bien son métricas clave para medir el rendimiento del sitio web, es importante tener en cuenta que no son las únicas métricas que influyen en el rendimiento.

Core Web Vitals mide la velocidad, la interactividad y la estabilidad visual utilizando tres señales:

Pintura con contenido más grande (LCP) mide el tiempo que lleva renderizar el mayor bloque de imagen o texto en la pagina.

Cambio de diseño acumulativo (CLS) Mide todos los cambios de diseño que se producen durante toda la vida útil de una página. Un cambio de diseño se produce cada vez que un elemento visible cambia su posición mientras se carga la página.

Retardo de primera entrada (FID) mide el tiempo desde que un usuario interactúa por primera vez con una página (por ejemplo, haciendo clic en un enlace o botón) hasta que el navegador realmente procesa esa interacción.

En su conferencia de desarrolladores de 2018, Rendimiento web simplificadoGoogle puso gran énfasis en la velocidad y dijo: “La mayoría de los usuarios [75%] “Califican la velocidad como algo que está en lo más alto de la jerarquía de UX de sus necesidades”.

La velocidad de la página se refiere a la rapidez con la que se carga el contenido de una página web. La velocidad de la página se puede medir de varias maneras, entre ellas:

Índice de velocidad (SI), representa la rapidez con la que se muestra el contenido durante la carga de la página.

Primera pintura con contenido (FCP)midiendo el tiempo desde que la página comienza a cargarse hasta que cualquier parte del contenido de la página (textos, imágenes y otros elementos gráficos) se representa en la pantalla.

Tiempo para la interacción (TTI)midiendo cuántos segundos transcurren desde que un usuario llega a una página hasta el momento en que se vuelve completamente interactiva (cuando los usuarios pueden hacer clic en botones y participar de otra manera en su sitio).*

Tiempo total de bloqueo (TBT)En pocas palabras, mide la cantidad total de tiempo que su página web estuvo bloqueada, impidiendo que el usuario interactúe con su página.

Tiempo hasta el primer byte (TTFB), mide el tiempo entre el momento en que el navegador solicita una página y el momento en que recibe el primer byte de información del servidor.

*Desde Lighthouse 10, la métrica de tiempo de interacción se ha eliminado como métrica de carga de página. Se eliminó porque LCP, índice de velocidad y tiempo total de bloqueo se consideran mejores indicadores de la experiencia del usuario.

Para optimizar el rendimiento de su sitio, analicemos a continuación los parámetros que debe tener en cuenta.

HTTPo protocolo de transferencia de hipertexto, estructura las solicitudes de cómo se comunican los navegadores web y los servidores web. Cuando escribes un URL En esencia, cuando ingresas un archivo a tu navegador, le estás pidiendo que solicite cada uno de los archivos de esa página al servidor host de la página web. En general, cuanto más compleja es una página web, cuantas más solicitudes HTTP debe realizar para cargar el sitio completo, más lento se carga.

En general, cuantas menos solicitudes HTTP tenga un sitio, mejor será su rendimiento. Entre los factores que pueden afectar la cantidad de solicitudes HTTP se incluyen las imágenes, JavaScript, CSS archivos y herramientas de terceros.

Si bien la cantidad de solicitudes afecta el rendimiento, también lo hace el contenido que se solicita. El peso de la página, también conocido como tamaño de página, se refiere al volumen de archivos de una página web (el HTML, las imágenes u otros medios, JavaScript, CSS y los recursos de terceros que contiene la página). Cuanto más pesado es un sitio web, cuantos más elementos y recursos se deben cargar en una página, más lento es el rendimiento de la página.

Tamaño de la imagen: Las imágenes desempeñan un papel esencial en el diseño de su sitio web. Transmiten el mensaje de la marca, cautivan a los visitantes, respaldan el contenido del blog e incluso pueden actuar como llamadas a la acción.Llamada a la accións). Sin embargo, las imágenes pesan más que los archivos HTML de texto simple, tardan más en cargarse y, por lo tanto, pueden afectar significativamente el rendimiento de un sitio web.

Para garantizar el mejor rendimiento, todas las imágenes deben desempeñar un papel estratégico en su sitio y deben estar optimizadas. La optimización de imágenes se refiere al proceso de convertir imágenes…