¿Cómo debería probar su sitio para la velocidad y el rendimiento y por qué probablemente lo haga mal?

¿Alguna vez ha tenido la sensación de que su sitio no es tan rápido como le dice la prueba de velocidad del sitio? ¿Y te preguntas por qué? Bueno, esto se debe al hecho de que la prueba de velocidad del sitio de rendimiento requiere más que una prueba en línea ordinaria. En ServBelt tenemos discusiones regulares con los propietarios y desarrolladores de sitios web sobre el rendimiento y las pruebas del sitio. Para nuestra sorpresa, la mayoría de los webmasters prueban incorrectamente el rendimiento de su sitio. En este artículo, presentamos algunos métodos de prueba que pueden ayudarlo a crear un sitio web de respuesta muy rápido.
Digamos que en voz alta antes de comenzar esto: cree que su sitio web es rápido porque prueba su caché. Si desea una vista imparcial del tiempo de respuesta de su sitio, consulte el informe Statist de acceso a los rastreadores. Google no miente.
contenido
Necesita más que pruebas de velocidad convencionales en el sitio
Las pruebas repetitivas producen resultados falsos
Use Chrome DevTools para probar la velocidad del sitio
Mito detrás del almacenamiento en caché
Bustar el caché mientras ejecuta la prueba de velocidad de su sitio
Prueba del rendimiento real de un sitio basado en caché [estudio de caso] ¿Cómo probar adecuadamente la velocidad del sitio?
Parámetros que pueden afectar el rendimiento
Redes lentas
Problemas de latencia
Condición sin caché
Core Web Sitals
Hora de primer byte (TTFB)
Considere a los visitantes que ingresan al sitio web desde páginas aleatorias
Considere a los visitantes que ingresan al sitio desde diferentes regiones
Herramientas para probar la velocidad del sitio
Consola de búsqueda de herramientas webmaster de Google
El monitoreo de usuarios reales con Google Analyticsaves necesita más que pruebas de velocidad convencionales en el sitio cuando se trata de rendimiento web, es importante prestar atención a cómo se siente. Después de todo, el rendimiento web está en percepción. Especialmente cuando algo se siente lento, siempre es porque en realidad es lento.
Si es serio para probar su sitio web o su cliente de rendimiento, los métodos convencionales no son suficientes para probar la velocidad del sitio. Para ayudarlo a comprender esto mejor, revise las razones que enumeré a continuación. Las pruebas repetitivas producen resultados falsos La razón más común es que las pruebas que realiza no ofrecen resultados que sean equivalentes a una visita al azar normal. Herramientas y luego las ejecuten nuevamente varias veces hasta que produce números de carga aceptables. Pero hacer esto solo engaña la prueba y no se traduce en la experiencia que reciben los visitantes de su sitio.
Por ejemplo, la repetición de la prueba de velocidad del sitio para el motor WP usando Pingdom ha producido diferentes resultados. Primer examen:
Segunda prueba:

Tercera prueba:

En la primera prueba, el tiempo de carga fue de 2 segundos, mientras que las aplicaciones fueron 83. En la segunda prueba y la tercera prueba, el tiempo de carga se redujo, así como el número de solicitudes. Los visitantes de su sitio no recargan la página cuando llegan a una página en su sitio, pero continúen, lea y acceda al siguiente enlace que encuentro. Para hacer un sitio verdaderamente de rendimiento, tendrá que dar resultados rápidos incluso en esta primera visita. Entonces, ¿por qué mantuve todo igual? Responderé esto en la siguiente sección junto con otro ejemplo. Use Chrome DevTools para probar la velocidad del sitio de Chrome viene con una herramienta incorporada conocida como DevTools, que le permite ejecutar varias pruebas y monitorear el progreso en tiempo real. Aunque herramientas como Pingdom y Google PageSpeed ​​Insight también pueden mostrar estadísticas similares. DevTools se ejecuta en su computadora y ofrece estadísticas mucho más personalizadas que están más cerca de la experiencia real del usuario. El mito detrás del almacenamiento en la memorización de caché en caché no garantiza un rendimiento real y ciertamente no es la solución final para el rendimiento del sitio. Su sitio puede verse bien en la prueba de pingdom (como se ve anteriormente en la prueba del motor WP), pero en realidad, el caché no ayuda si el visitante visita el sitio por primera vez.

Hay dos verdades absolutas sobre el almacenamiento en caché que necesita saber. En primer lugar, el caché debe llenarse antes de que puedan usarse. Cuando el visitante ingresa por primera vez a un sitio que usa un caché de página completa, se realizan varias solicitudes al servidor para hacerse cargo de los activos y la información necesarias para mostrarlos en la página web. Esto significa que el almacenamiento en caché es una mejora en el rendimiento y nunca funcionará para la primera solicitud. La segunda cosa importante es que los pasteles siempre caducan. Esto significa que, aunque ahora memoriza una página, la página almacenada en caché en algún momento se eliminará de la caché, y el elemento de caché debe ser reconstruido. El caché como una mejora en el rendimiento es ampliamente recomendada por casi todas las compañías de alojamiento. La razón de esto es que el almacenamiento en caché en la página completa siempre tendrá un impacto positivo en la reducción de los recursos a nivel de servidor. Sin embargo, esto no significa automáticamente que el almacenamiento en caché le dará a su sitio su mejor rendimiento general. En nuestro artículo sobre cómo el almacenamiento en caché funciona en WordPress, hablamos sobre los orígenes del almacenamiento en la web y en qué circunstancias puede ser efectivo. La memoria de caché de toda la página puede ser efectiva para la escala o si tiene una gran página web estática. De lo contrario, sus usuarios continuarán observando la información obsoleta que ya se ha almacenado en caché para ellos. En realidad, los sitios web ordinarios de WordPress, WooCommerce o Magento no están construidos.
La forma en que el almacenamiento funciona en la memoria caché en la acción es que el caché de la página completa solo ofrece mejoras de rendimiento para las páginas accedidas recientemente (buena para la escalabilidad, pero el efecto limitado en el rendimiento). Entonces, ¿cómo se prueba la velocidad del sitio pasando por alto el caché? Evitar el caché Al ejecutar la prueba de velocidad del sitio como se discutió anteriormente, la memoria de caché no es útil para la visita inicial y es importante probar la velocidad sin caché para conocer el verdadero rendimiento de su sitio. Hay dos formas de omitir el caché . Use el negocio de caché: Cache Buster es un parámetro que puede agregar a la URL básica para evitar el caché para simular una nueva experiencia de visitante.
Evite el caché usando Chrome DevTools: también puede omitir el caché con Chrome DevTools. La opción está presente en la sección de red.
Probar el rendimiento real de un sitio de WP basado en un sitio basado en caché [WP Engine basa su velocidad y rendimiento de alojamiento en caché. Su propio sitio web es un ejemplo perfecto de cómo el almacenamiento en caché no funciona muy bien para los sitios web.
Probé su sitio con herramientas de pingdom. La primera prueba de su primera página en 1.5 segundos. Este es un resultado aceptable dentro de los límites de los umbrales recomendados subrayados por Google PageSpeed ​​Insights y otras recomendaciones similares.
Pero probemos qué tan rápido es su rendimiento básico. Simplemente podemos agregar un buster de caché a su URL, por lo que hacemos la siguiente solicitud a la siguiente URL: https://wpengine.com/?cache=busted3
Esta vez, el sitio duró 2.19 segundos para cargarse, que está algo cerca de lo que tuve la primera vez que ejecuté la prueba de pingdom al comienzo de este artículo para demostrar la variación de los resultados al repetir la prueba de velocidad un sitio. ¿La velocidad del sitio prueba correctamente?Al probar un sitio web para su rendimiento, es importante considerar los escenarios más desfavorables.Lo que significa que es eso optimizar los elementos más básicos y luego ir a mejoras de optimización de velocidad más avanzadas, como el almacenamiento en caché.Entonces, ¿por dónde empezar?Comience por identificar los parámetros de rendimiento que pueden afectar directamente la experiencia de usuario de su usuario.
Los parámetros que pueden afectar el rendimiento de las redes lentas de las redes lentas pueden tener un gran impacto en el rendimiento de su sitio. Esto se aplica principalmente a los usuarios de teléfonos móviles que se pueden conectar a redes 3G o 4G. Puede probar el rendimiento de su sitio para redes lentas utilizando la herramienta de tarjeta de puntuación de velocidad desde Google. Problemas de la vida La vida es otro problema que puede causar una mala experiencia del usuario para sus visitantes. Aparece debido a la distancia física entre el servidor y el visitante. Es mejor ejecutar las pruebas de velocidad del sitio web en la ubicación lejos de su servidor y especialmente de las que apunta como negocio. Estado libre de caché Como se discutió anteriormente, un caché es propenso a producir puntajes de rendimiento falsos que pueden conducir a una mala experiencia del usuario. Eludir el caché durante las pruebas realmente puede revelar problemas de rendimiento subyacentes. Core Web Vitals Core Web Vitals mide la experiencia real del usuario de los datos de campo que se recopilan de los datos del navegador Chrome. La pintura de contenido más grande (LCP) en Core Web Vitals determina cuánto tiempo se carga el elemento más grande. El tiempo LCP ideal es de 2.5 segundos o más rápido. Otros principales elementos vitales de la Web, como el retraso de entrada de primera entrada (FID) y el cambio de diseño acumulativo (CLS), también en función del rendimiento de su sitio. No están relacionados con el tiempo de carga inicial, pero afectan el rendimiento del sitio a su web y, por lo tanto, la experiencia del usuario. Para verificar Core Web Vitals, vaya a Chrome DevTools → Lighthouse y verifique el rendimiento de sus opciones.
El tiempo para el primer byte (TTFB) el tiempo de respuesta promedio a la primera solicitud a cualquier carga de página aleatoria en su sitio es lo más importante para prestar atención.Si el tiempo de respuesta a la primera solicitud es lento, su sitio nunca se sentirá rápido, sin importar cuánto optimice el resto de su página web.La razón de un tiempo de respuesta rápido es muy simple.Su sitio debe responder cuánto parpadea, de lo contrario, el retraso será visible para el visitante.En la práctica, esto significa que tiene alrededor de 400 ms para crear la página y entregarla al usuario final (incluida la latencia de la red).Para los sitios que basan su rendimiento en el almacenamiento de caché, la distribución del tiempo de carga del sitio web a menudo parece similar:

Un pequeño subconjunto de páginas responde en el rango 0-1 segundo (generalmente almacenado en caché), mientras que la mayoría de las páginas responden en 2-3 segundos, y el promedio total de las páginas es de aproximadamente 2 segundos.Cuando la distribución del tiempo de respuesta se ve así, su sitio tiene problemas de rendimiento y debe ensuciarse las manos para mejorar el rendimiento en todas las páginas.La memorización de caché no le ahorrará el día.Nota: El gráfico anterior representa solo un caso específico.Incluso algunos sitios lentos pueden tener el 90% de las páginas por debajo de una escala de 0-1. Por lo tanto, es importante realizar una auditoría exhaustiva.Lo que las personas piensan que obtienen con la memorización en el caché, pero no lo son, hay los siguientes números.Vienen de un sitio web electrónico y muy dinámico de tráfico, que se ejecuta completamente sin almacenar toda la página y donde todas las solicitudes al sitio responden en menos de 0.5 segundos.

Para informar esto a los tiempos de carga del sitio web del motor WP, este gráfico ofrece el 100% de las vistas de la página en ~ 0.4 segundos, mientras que el motor WP solo para aproximadamente el 15% de las páginas en su propio sitio. Considere a los visitantes que ingresan al sitio desde páginas aleatorias. Lo primero que debe tener en cuenta es que los usuarios no solo ingresan a su sitio a través de la primera página. Si revisa la visualización de su página de destino en Google Analytics, probablemente descubrirá que tiene visitantes que llegan a casi todas las páginas de su sitio, su primera página tiene una acción más alta que muchas otras páginas, pero a pesar de que el 30% llego a la página principal – Sin embargo, hay el 70% de los visitantes que llegan a otras páginas. Considere a los visitantes que ingresan al sitio desde diferentes regiones. A menudo ejecutamos pruebas de velocidad en la misma ubicación, lo que no es una buena práctica. Los visitantes de todo el mundo pueden llegar a cualquier página de su sitio. La forma más fácil de verificar el rendimiento de su sitio para diferentes países es utilizar la función de velocidad del sitio de Google Analytics. Google Analytics → Comportamiento → Velocidad del sitio. Desplácese hacia abajo para el informe del país.
Según la tabla anterior, el tiempo de respuesta promedio es de 2.88 segundos. Para países como Noruega, los Países Bajos y Alemania, está por debajo del promedio, mientras que está por encima del promedio para Sri Lanka, India y el Reino Unido. Si ve el país dirigido en el área roja, entonces debe considerar mejorar el rendimiento de su sitio para esa región. Puede explorar opciones como la red de entrega de contenido o cambiar la ubicación del servidor. Pruebas para probar la velocidad del sitio también Consulte nuestra guía para las herramientas de prueba de rendimiento. Que puede encontrar en la consola de búsqueda de Google. Configuración de acceso → Acceso a los rastreadores → Estadísticas de acceso de rastreadores. Hay un gráfico que muestra el tiempo de respuesta promedio para descargar la página. Esta medida a menudo proporciona un buen indicador del rendimiento básico de su sitio. El monitoreo de usuarios reales con Google Analytics La forma más fácil de obtener datos de rendimiento reales de los visitantes de su sitio es usar Google Speed ​​Reports Analytics. Están configurados de forma predeterminada para SAMP solo el 1% del tráfico de su sitio, lo que para la mayoría de los sitios significa que los datos son innecesarios. Por lo tanto, deberá cultivar Sitespesamplate para, por ejemplo, 50% o 100% para lograr valores útiles (ajustarlo de acuerdo con un máximo de 10,000 páginas por día). Para cambiar esto, siga los pasos mencionados en este artículo sobre las herramientas para usar.

Los rastreadores para probar el rendimiento del sitio web utilizamos Crawler para obtener una imagen real sobre el rendimiento de los sitios web. Al rastrear todas las páginas de su sitio, identificará fácilmente los tipos de páginas o ciertas páginas que tienen actuaciones más débiles que otras. Hemos realizado configuraciones que excluyen todos los valores de rendimiento front-end para los resultados de este artículo. La concentración obsesiva en el rendimiento de fondo es lo que eventualmente le permitirá construir un frente rápido.

Spider de SEO de rana gritando (lo que usé para los gráficos de tiempo de respuesta media a continuación, aplicados con énfasis en SEO)

Mejoras que pueden afectar a todos los sitios web cuando deshabilita su memoria en caché y puede lograr y sentir el rendimiento real de su sitio y ha comenzado a rastrear algunos valores de rendimiento reales: está listo para comenzar a implementar mejoras que afecten el rendimiento de todo el sitio. . Al final del día, invertir el tiempo para resolver problemas generales de rendimiento reducirá su trabajo y le dará resultados mucho mejores en términos de rendimiento web, que tratar de resolver problemas de rendimiento solo para ciertas partes de su sitio. Cada sitio web es único, pero aquí hay algunos consejos sobre cómo mejorar su rendimiento para sus visitantes:

Cambie a un mejor alojamiento: ServBelt ofrece el rendimiento de -de box, que excede cualquier instancia de VPS o nube.

Use alojamiento que esté cerca de su audiencia
Use PHP 7.4 Modern (o al menos 7.2+)
Use las bases de datos correctamente (en particular debe asegurarse de que la consulta use los índices correctamente)
Utilice bases de datos más rápidas
Deshágase del peso muerto de su aplicación (retire los complementos y limpie)
Errores de remedio en la parte posterior y front-end (no pensaría que el impacto de los errores lo tiene en el rendimiento) puede identificar errores de back-end utilizando el acceso a los rastreadores
Los pensamientos finales son esenciales para probar correctamente su sitio de rendimiento, porque el rendimiento ahora se ha convertido en una medida clave para la clasificación, seguida de conversión y almacenamiento. Aunque más herramientas en línea pueden mostrar números, como la velocidad y el tamaño de la página, solo le brinda una vista general de lo que realmente causa problemas de rendimiento. Aplique las herramientas y técnicas que aprende en este artículo para investigar los problemas de rendimiento subyacentes y optimizar su sitio de rendimiento real.