Velocidad del sitio web y pruebas de velocidad

Antes de lanzarse a la idea de probar la velocidad del sitio, es mejor comprender, en un nivel más que básico, qué hace un sitio. rápidamente. En esencia, la velocidad del sitio es un concepto bastante simple. Su sitio se carga rápido o no. La parte difícil es descubrir exactamente qué está causando que el sitio sea relativamente lento o relativamente rápido. Entonces, la pregunta sigue siendo: ¿por qué una página se carga en un tiempo determinado?

¿Qué sucede cuando cargo una página?

Cuando escribe una URL en su navegador, su navegador busca el sitio vinculado a esa URL y luego lo muestra en su pantalla. En un nivel más detallado, su navegador envía una solicitud para el código conectado a esa URL y una vez que la red extrae los recursos de los servidores y satisface la solicitud, envía el código de regreso a su navegador. En este punto, su navegador procesa el código y lo coloca en su pantalla. Mientras el navegador procesa el código, ejecuta consultas (como solicitudes) en un orden determinado. Estas preguntas le dicen al navegador qué cargar en orden y cómo cargar todo. Por ejemplo, la estructura de la página (ubicaciones de noticias, fotos, secciones de contenido) probablemente se cargará primero, luego la funcionalidad, luego los estilos y el contenido. Cuando empiezas a mirar exactamente qué se está cargando en un orden determinado, ahí es donde empiezas a ver las piezas que componen el tiempo total de carga de la página.

No todas las páginas son iguales.

Hay muchas cosas que pueden afectar los tiempos de carga de una página, pero hay algunas que lo afectan más que otras. Los activos in situ pueden marcar una diferencia gigantesca. Por activos, esto se refiere a fuentes, fotos o vídeos. Las fotos son grandes, especialmente en la industria del turismo. Si su página de inicio está llena de fotografías de más de 1 MB de tamaño, su tiempo de carga general se verá afectado porque tiene varios recursos grandes en la página.

El tiempo de carga también puede variar según la funcionalidad. Si la página de inicio de su sitio es una página simple con contenido y fotos, y sin funciones sofisticadas, es probable que se cargue un poco más rápido ya que no será necesario cargar la agradable funcionalidad UX (experiencia de usuario) de algunas funciones. En términos de UX, encontrar un buen equilibrio entre funcionalidad y velocidad es muy importante porque desea que el sitio sea interesante para que los usuarios interactúen con él, pero no desea que tarde tanto en salir del sitio.

Los recursos externos también pueden afectar el tiempo de carga. A medida que la página se carga, una vez que recibe una solicitud para cargar algo desde un recurso externo, debe comunicarse con un tercero y extraerlo, lo que puede aumentar el tiempo. Un ejemplo de esto es Google Analytics o Tag Manager, que le obliga a agregar una etiqueta de seguimiento a su sitio para recopilar datos. Si bien extrae la mayor parte del código del sitio de la red, cuando el navegador encuentra la etiqueta de seguimiento etiqueta, entonces también debe llegar a Google. Incluso si sucede rápidamente, aumenta el tiempo de carga en general y digamos que tiene de 4 a 5 píxeles o códigos de seguimiento diferentes en el sitio, que pueden sumar.

Otro factor diferenciador es la perspectiva. Acceder a un sitio desde un navegador diferente, un dispositivo diferente, un país diferente y redes diferentes (WiFi o proveedores de servicios) puede afectar el tiempo de carga de una página. Por ejemplo, usar un iPhone 4 más antiguo versus un iPhone más nuevo probablemente cargará la página en diferentes momentos. En términos de proveedores de servicios, digamos que vives en una ciudad con 2 proveedores de servicios pero fuera de la ciudad solo 1 de esos proveedores de servicios recibe una buena señal. Si no tiene ese proveedor de servicios y luego accede al sitio desde fuera de la ciudad, es probable que tenga un tiempo de carga diferente que si estuviera en la ciudad.

Cómo probar los tiempos de carga de la página

Si tienes un sitio web probablemente hayas oído hablar de Google Pagespeed Insights.(se abre en una nueva pestaña), ya que es la herramienta de prueba de sitios más común y amigable para principiantes. Si bien es una gran herramienta, el error más común es quedar atrapado en el número total y simplemente asumir que el sitio se carga bien o mal dependiendo únicamente de ese número. Al utilizar una herramienta como Pagespeed Insights o GT Metrix(se abre en una nueva pestaña), la prueba extrae esas puntuaciones de varios elementos de la página, no todos relacionados con la velocidad. Por ejemplo, es muy posible que una página se cargue en 3 segundos y aun así obtenga una puntuación baja en general en las pruebas basadas en ciertos elementos. Si su sitio se carga rápido, pero no es seguro mediante SSL, verá una puntuación más baja que si su sitio fuera rápido y seguro. En lugar de mirar las puntuaciones generales, al utilizar esas dos herramientas, debes centrarte en estos números específicos:

• Tiempo hasta el primer byte (TTFB): esta métrica refleja principalmente la calidad de sus servidores de alojamiento. Mide la rapidez con la que el servidor comienza a enviar datos a un usuario que intenta cargar la página.
• Retraso de la primera entrada (FID): Este número le indica cuánto tiempo pasa desde que un usuario hace clic en un enlace o botón para comenzar a cargar la reacción correcta en el sitio. Por ejemplo, cuando hace clic en un botón para abrir una ventana de reserva, desea que comience a cargarse lo más rápido posible en lugar de tener un usuario en el sitio esperando en una pantalla en blanco por un tiempo.
• Pintura con contenido más grande (LCP): Este estado es un gran indicador del tiempo de carga en términos de lo que ve el usuario. El tiempo de LCP es el tiempo que se tarda en cargar el activo más grande de la página, normalmente algo como una imagen destacada o un encabezado de vídeo.
• Cambio de diseño acumulativo (CLS): ¡Esto no tiene nada que ver con la velocidad! Es una puntuación basada en cuánto cambian los elementos de la página mientras se carga. ¿Alguna vez cargó un sitio, vio el botón en el que desea hacer clic y luego, justo cuando hace clic, la página se mueve y termina haciendo clic en otra cosa? Se trata de un cambio de diseño y, por supuesto, los motores de búsqueda quieren ver buenas puntuaciones aquí porque no quieren que los usuarios lleguen a sitios poco fiables, ¡y usted no quiere tener uno!

Otra herramienta que recomendamos es WebPageTest(se abre en una nueva pestaña). Esta es, con diferencia, la más detallada de las herramientas de prueba de velocidad del sitio que utilizamos habitualmente en Tiger Tourism. Hay algunas razones por las que preferimos los resultados de esta herramienta a las otras dos:

• En primer lugar, WebPageTest realiza pruebas de página utilizando real Dispositivos donde incluso puedes elegir la ubicación. Pagespeed Insights y GT Metrix utilizan máquinas virtuales cuando realizan sus pruebas, lo que significa que la conexión es artificial y, por tanto, no completamente fiable. Con WebPageTest, puede realizar pruebas en conexiones de dispositivos reales para tener una idea estrictamente realista de cómo se carga su sitio.
• WebPageTest también ejecuta un número que las otras herramientas no tienen: Índice de velocidad. Este número es un tiempo de carga realista de su sitio en la página. Teniendo en cuenta que cuando los usuarios cargan sitios, solo ven al cargar el eje de plegado, el índice de velocidad le brinda una gran idea de cómo los usuarios ven su sitio y cómo cargarlo.
• Las recomendaciones basadas en los resultados son mucho más detalladas en este texto. Si bien pueden ser un poco técnicos, los desarrolladores más experimentados podrán consultar estos informes y hacerse una buena idea de las correcciones específicas que se deben realizar. En un nivel de tecnología menos sofisticado, algo que puedes ver y entender fácilmente son los mapas en cascada.(se abre en una nueva pestaña) que dan con las pruebas (GT Metrix también muestra una). Estos gráficos brindan una buena representación visual de qué se carga, en qué momento y cuánto tiempo demora cada elemento. Por ejemplo, digamos que su LCP es muy largo, como 4 segundos o más. Lo más probable es que, en la tabla de cascada, vea una barra horizontal mucho más larga que las demás y es probable que esté correlacionada con cualquier imagen o vídeo que tenga como LCP en la página.

Tampoco te estreses por un tiempo completamente cargado

Ahora que conoce algunos elementos clave que debe tener en cuenta al probar la velocidad de su sitio, aún puede sentirse tentado a pensar en el tiempo de carga completa como una estadística clave. Si bien es importante observarlo, tenga en cuenta que este estado tiene en cuenta toda la página, lo que significa que incluso los recursos se cargan en la mitad inferior de la página.(se abre en una nueva pestaña) (que los usuarios no verán) ingrese este número. Es mucho mejor tener un LCP de 2,5 segundos o un Speed ​​Index de 3 segundos con un tiempo de 10 segundos a plena carga, por ejemplo, en lugar de tener un LCP de 4 segundos y un Speed ​​Index con un tiempo de 5 segundos completamente cargado. Bueno, si te preocupa que los motores de búsqueda se encarguen del tiempo de carga completa, no lo estés. Google dará más peso en la clasificación a FID, LCP y CLS agregándolos a su lista de señales de búsqueda(se abre en una nueva pestaña). Al realizar pruebas de velocidad, no te concentres en las puntuaciones generales, pero asegúrate de observar esas 3 métricas. Con este movimiento de Google, es seguro decir que continúan apuntando a páginas con velocidades de página realistas (basadas en lo que los usuarios ven mientras cargan) para una mejor clasificación.

¿Las páginas de su sitio ya se ven bien para esas señales de búsqueda? Asegúrese de que sean compatibles con dispositivos móviles y también seguros. Esto cubre la mayoría de las señales técnicas para Google y otros motores de búsqueda. Una vez que haya configurado su sitio desde el punto de vista técnico, asegúrese de que se vea bien con SEO. Ofrecemos seguimiento de palabras clave(se abre en una nueva pestaña) y perfil de vínculo de retroceso(se abre en una nueva pestaña) Servicios para ayudar con el SEO dentro y fuera de la página.