Cómo probar rápidamente su sitio (métricas, herramientas, consejos de optimización)

Como propietario de un sitio, es importante aprender cómo probar rápidamente su sitio. La velocidad de carga de la página influye en muchas cosas, desde la experiencia del usuario hasta las conversiones y el SEO. Es por eso que ya hemos descrito cómo mejorarlo en estas publicaciones:
14 formas de acelerar WordPress y reducir el tiempo de carga de la página
10 formas fáciles de acelerar su sitio de WordPress [estudio de caso] Sin embargo, la base para implementar cualquiera de estos consejos es que tenga una comprensión adecuada del estado actual de su sitio. Aunque hay muchas soluciones de software para probar la velocidad del sitio, también debe poder comprender e interpretar los resultados. Solo entonces puede tomar medidas para corregir los problemas.
En esta publicación, lo descubrirá exactamente. A continuación, discutiremos en detalle cómo probar rápidamente su sitio web de WordPress. Superaremos el proceso de carga de páginas web, examinaremos valores de velocidad importantes y enumeraremos las herramientas para probarlas. Después de eso, la publicación discutirá cómo obtener datos significativos de ellos y qué hacer con los resultados. Aprender esto le permitirá tomar las medidas correctas para que su sitio cargue rápidamente y sea mejor para su audiencia. Optimización de la velocidad del sitio: los primeros pasos antes de comenzar a probar su sitio rápidamente, es lógico cubrir conceptos y herramientas importantes en esto. área.
Cómo cobrar una página web Una cosa básica para entender es cómo llega una página web a un visitante. Saber esto lo ayudará a comprender mejor dónde pueden ocurrir problemas y, por lo tanto, corregirlos. Primero, el usuario abre un navegador y entra en una dirección web. Esto crea una solicitud DNS que se resuelve en el proveedor de nombres de dominio, que indica un servidor. A partir de ahí, el navegador comienza a cargar los archivos que componen su sitio: HTML ofrece la estructura principal de su sitio. Si usa WordPress, el CMS lo produce dinámicamente desde el PHP. El documento HTML también incluye llamadas a los próximos tipos de archivos.
CSS: responsable del estilo, los colores, las dimensiones y más. Encontrado en hojas de estilo.
JavaScript, la mayoría de los elementos interactivos y funcionalidades a su sitio cada vez que se mueve algo, a menudo se debe a JavaScript.
Otro activo que ofrecen partes de su sitio. Los más comunes aquí suelen ser las imágenes.
Recursos externos, no todo lo que ingrese a su sitio está en su propio servidor. Algunos elementos (como fuentes personalizadas) provienen de fuentes externas.
Una vez que el navegador recibe los archivos, la construcción puede comenzar y luego reproducir. El orden y la velocidad a la que los archivos reciben los archivos determinan qué tan rápido los visitantes pueden ver los cambios en la ventana de su navegador. Para obtener un detalle más detallado de cómo funciona, consulte este artículo.
Lo que es importante recordar es que todas las anteriores representan diferentes solicitudes HTTP. Tener demasiados de ellos ya puede causar una desaceleración. Si sospecha que este es el caso, la publicación de publicación le dirá cómo hacerlo. Valores de velocidad importantes además de los anteriores, para solucionar los problemas de velocidad en su sitio web, es bueno comprender algunos valores básicos que influyen en la experiencia del usuario al cargar una página.
Tiempo hasta el primer byte (TTFB): la cantidad de tiempo requerida para que un navegador reciba la primera información en el sitio.

La primera pintura: cuando la pantalla ya no está vacía. Por ejemplo, un cambio de color de fondo es importante como primera pintura.
La primera pintura llena de contenido: cuando aparece el primer contenido. Puede ser parte de la navegación, desde la imagen del encabezado o de cualquier otro elemento.
La primera pintura significativa: aquí, los usuarios pueden ver el contenido principal para que puedan entender cuál es la página.
Tiempo de interactiva: duración hasta que la página sea utilizable y puede interactuar con ella.
Muchos de los instrumentos a continuación le mostrarán exactamente este tipo de información.
Cada paso depende de diferentes factores y, por lo tanto, necesita diferentes soluciones cuando hay un problema. Por ejemplo, si el tiempo para el primer byte es muy largo, a menudo es un indicador para un servidor lento. Por lo tanto, conocer los pasos lo ayudará a descubrir dónde se bloquea el proceso y tomar medidas específicas. Las herramientas de prueba de velocidad del sitio a continuación son una serie de herramientas que puede usar para probar su sitio. Le darán diferentes conjuntos de datos para comprender cómo lo hacen. A continuación, discutiremos qué hacer con estos datos. Lighthouse: una extensión de Chrome que puede usar para generar informes, SEO, buenas prácticas y rendimiento de cualquier sitio web. Es capaz de simular una conexión móvil, usar muchos de los valores anteriores y proporcionar recomendaciones sobre cómo mejorar su sitio.
PageSpeed ​​Insights: he recomendado esta herramienta a menudo en otras publicaciones. Ahora viene con datos del informe sobre la experiencia del usuario Chrome, al menos para los sitios populares. Además, el servicio proporciona datos similares a la extensión del faro.

Pruebe su velocidad móvil, una herramienta de prueba de Google para la velocidad móvil. Le permite simular diferentes ubicaciones y velocidades de conexión, comparar los resultados con los de los competidores, evaluar el impacto comercial potencial en la mejora de la velocidad de carga y obtener recomendaciones personalizadas para diferentes páginas. También puede recibir un informe de correo electrónico detallado.
Pingdom: la primera herramienta sin Google para pruebas de velocidad. Pingdom le dará mucha de la misma información que las ideas de PageSpeed, sin embargo, en mi opinión, más fácil de digerir y comprender. Por ejemplo, viene con un diagrama de cascada para identificar los bloqueos y tiene otra información. Puede ser un poco más abrumador y menos fácil de usar, pero le brinda mucha información para trabajar.
Además de lo anterior, hay otras dos fuentes de información sobre cómo los visitantes ven el sitio. El primero se encuentra en la consola de búsqueda de Google en rastreo> Estadísticas de rastreo.
Aquí, puede ver el tiempo de respuesta para Google Access en su sitio. Si el promedio supera los 500 ms, es hora de tomar la segunda herramienta son los informes de velocidad en Google Analytics (encuéntralos en el comportamiento> la velocidad del sitio).
Aquí obtendrá información sobre la velocidad de carga de la página para diferentes navegadores y páginas, así como sugerencias de mejora. Tenga en cuenta que, por defecto, Google Analytics solo seguirá esto para el 1% de sus páginas para obtener más información, aumente este número a 50 o 100 por ciento. Entonces, ¿cómo usa esto para probar rápidamente su sitio? De acuerdo, ahora sabe qué buscar y cómo seguirlo, así es como puede usar la información anterior para probar su sitio.
1. Pruebe su página inicial La primera página de un sitio a menudo recibe gran parte del tráfico. También es el símbolo de su sitio. Por esta razón, esta página es una de las primeras cosas que debe probar. Al hacerlo, también proporcionará información sobre cómo va su sitio. Por lo tanto, no dude en conectar su página inicial a una o más de las herramientas de prueba de velocidad anteriores. Sin embargo, al ingresar a la URL en algún lugar, es una buena idea agregar un parámetro comercial de caché de la siguiente manera: https://yoursite.com/?cache=busted. De esta manera, no utiliza ningún material precargado y se acerca a la experiencia que un visitante tendría por primera vez. Si esto hace una gran diferencia en su página, puede significar que confía demasiado en el caché para acelerar el sitio. En este caso, debe tomar medidas para mejorar la experiencia para aquellos que vienen a su sitio por primera vez. Para pruebas repetidas, agregue números al final del parámetro (por ejemplo, https://yoursite.com/?cache=busted 2), de lo contrario, puede volver a almacenar en caché. 2. Haga varias pruebas desde múltiples ubicaciones, la velocidad de su sitio será diferente dependiendo de la hora del día y la ubicación desde la cual los usuarios acceden a ella. Por lo tanto, para obtener una lectura más precisa sobre su situación, es mejor hacer más medidas.
Idealmente, debe programar pruebas automáticas cada hora y dejarlas funcionar durante una semana.Puede configurar dicho monitoreo con GTMetrix y Pingdom, pero no es gratuito.Entonces, si no es algo por lo que quieras pagar, al menos hacer una serie de pruebas manuales en diferentes momentos.Además, es lógico probar más ubicaciones.Puede usar las mismas herramientas para hacer esto, solo tenga en cuenta que debe registrarse en una cuenta GTMTrix (gratuita) para permitir las ubicaciones allí. Aquí es importante probar de acuerdo con su audiencia. Si tiene un sitio local (por ejemplo, , uno que solo está disponible en el idioma de su país de origen), es suficiente usar la ubicación del servidor más cercana.Sin embargo, si está apuntando a una audiencia internacional, es lógico ver cuál es la experiencia para los visitantes de diferentes ubicaciones.

3. Probar sus páginas más importantes en este momento, debe saber que hay una diferencia entre la velocidad del sitio y la velocidad de la página. La velocidad del sitio es la suma de la velocidad de carga de todas las páginas de su sitio. La velocidad de la página es la rapidez con que se cargan las páginas únicas. Por esta razón, no es suficiente simplemente probar la primera página de su sitio. Esto es particularmente importante, porque en muchos casos es en realidad una de las páginas menos pesadas que tendrá. Teóricamente, debe realizar pruebas en todas sus páginas, porque la mayoría de los visitantes orgánicos no pasan a través de la dirección principal, sino a través de las páginas aleatorias que encuentran en los resultados de búsqueda. Es posible hacer esto con rastreadores, por ejemplo, SiteBulb o Screaming Frog (ambos productos pagados). Si no los usa, dependiendo del tamaño de su sitio, probar todas las páginas no es tan práctica. En este caso, debe verificar al menos sus páginas más importantes. Puede encontrarlos a través de su banda de análisis de comportamiento> El contenido de las páginas de destino del sitio>.

Estas son las partes de su sitio que los visitantes usan principalmente para ingresarlo. Cuando ha establecido un objetivo para optimizar al menos los primeros 20 resultados, ya tiene el trabajo para usted. Además, es posible que desee verificar los tiempos de las páginas mencionadas anteriormente y pedirlas después del tiempo de carga promedio de la página para encontrar los peores delincuentes.
Póngalos en su lista de páginas para optimizarlas. Además, regrese aquí después de haber optimizado su sitio, porque el promedio cambiará y aparecerá un nuevo conjunto de páginas. 4. Ahora haga lo mismo para su competencia después de darse cuenta de cómo está su propio sitio en las áreas anteriores, si aún tiene energía, es posible que desee involucrarse en un análisis de competencia. Esto significa que toma algunos de los competidores más cercanos (comercialmente o en resultados de búsqueda) y pasa por el mismo proceso. ¿Por qué? Porque la velocidad puede ser algo que puedes superar. Los estudios han demostrado que las personas pueden ir a un sitio web competidor si su primera opción lleva demasiado tiempo. Además, la velocidad de carga de la página podría ser lo que lo pone sobre sus competidores en serpientes. Debido a que la mayoría de los clics alcanzan los primeros resultados de Google, esto nunca puede ser algo malo. Por esta razón, no olvide probar la competencia rápidamente. Cómo usar bien los resultados de la prueba de velocidad, hasta ahora debería tener mucha información sobre el perfil de velocidad de su sitio ahora es la pregunta, ¿qué hace con ella?

Hablemos de ello rápidamente. Concéntrese en las mejoras de la vida real, mientras que muchas de las herramientas de prueba de velocidad le brindan evaluaciones y porcentajes, es importante no centrarse en estos puntajes. Es posible que tenga muchas luces verdes, pero aún así brinde una experiencia de usuario de Abyssal. En cambio, concéntrese en lo que realmente les importa: cuántos segundos se necesitan para cargar sus páginas. Si puede mejorar esto, tendrá el mayor impacto y automáticamente conducirá a mejores puntajes. Por lo tanto, olvídate de los valores para el bienestar y el enfoque en producir resultados de la vida real. ¿Como hacer esto? Me alegro de que hayas preguntado. Remedia los problemas en el nivel del sitio primero cuando intenta acelerar su sitio web de WordPress, es mejor centrarse en los factores que afectan todas sus partes. Al remediar las deficiencias generales, puede mejorar la velocidad de carga de todas las páginas simultáneamente. Esto marcará la mayor diferencia para la mayoría de los visitantes. Ejemplos de medidas que puede tomar en esta área incluyen: Cambio de proveedor de alojamiento
Actualiza tu versión de PHP

Limpiar la base de datos
Limpiar su sitio
Activación de compresión GZIP

Optimización de imágenes

Todo esto afectará su sitio en su conjunto, lo que lleva a grandes mejoras.Después de eso, concéntrese en las páginas individuales después de tomar medidas para mejorar su sitio en general, puede ir más allá y ocuparse de las páginas individuales.Si sus pruebas han demostrado que algunas de las más importantes tienen problemas más grandes, es hora de hundirse en el diagrama de cascada y descubrir quién es el culpable.