Cómo configurar WebPageTest para evaluar el search engine optimisation técnico

25 de julio de 2021

WebPageTest y search engine optimisation Técnico

Este artículo es una guía instructiva para ayudarlo a probar con precisión el tiempo de carga utilizando WebPageTest.org. Es un tutorial de apoyo que forma parte de la serie de artículos técnicos de search engine optimisation de MobileMoxie. En mayo de 2021, Google lanzó una de sus mayores actualizaciones de algoritmos después de la implementación de Cellular-First Indexing, y anunció que el tiempo de carga y la participación del usuario pronto se convertirían en factores de clasificación más importantes. También anunciaron previamente la actualización de la experiencia que se retrasó, pero que ahora comenzará a implementarse en julio de 2021. Estos cambios en el algoritmo de búsqueda de Google aumentan la necesidad de herramientas técnicas que brinden comentarios detallados sobre el tiempo de carga de la página y en la página. problemas técnicos en common.

Si bien Lighthouse es una gran herramienta, a veces no le brinda todo lo que necesita. En MobileMoxie, creemos que WebPageTest.org es una de las herramientas más infravaloradas en la industria del search engine optimisation. La herramienta proporciona información detallada sobre el estado de sus páginas y ayuda a analizar cosas como solicitudes de ida y vuelta, errores de activos, redireccionamientos, almacenamiento en caché inquietudes, información de seguridad y más. Desarrollada por Patrick Meenan, la herramienta de código abierto fue adquirida en 2020 por Catchpoint. Se actualizó recientemente, pero durante años ha brindado valiosos análisis de tiempo de carga gratuitos. En este artículo, revisaremos cómo configurar WebPage Check para pruebas de search engine optimisation y resaltaremos configuraciones y resultados importantes en la herramienta.

NOTA: MobileMoxie no tiene ninguna asociación con WebPageTest; ¡nos encanta la herramienta!

Cómo configurar una prueba de página net

1. Configuración básica de prueba: Accede a la herramienta en webpagetest.orgseleccione la página URL desea realizar la prueba, la ubicación geográfica desde la que desea realizar la prueba y el navegador para realizar la prueba. El siguiente ejemplo muestra la configuración estándar que MobileMoxie usó en una prueba para la evaluación de search engine optimisation. Siempre debe cambiar la ubicación para reflejar las necesidades de su negocio o usar California, que es desde donde Googlebot suele rastrear.
   
   
2. Configuración de prueba: Expanda el menú Configuración avanzada para continuar con la configuración de la prueba. En ‘Configuración de prueba’, seleccione la velocidad de conexión deseada que desea simular y la cantidad de veces que desea ejecutar la prueba, luego haga clic en el botón de radio para ‘Primera vista y repetición’. MobileMoxie recomienda ejecutar siempre 3 pruebas y probar al menos una conexión móvil y una de escritorio para comparar los resultados. Usamos 3G o 3G Quick and Cable, y los configuramos en dos pestañas diferentes, para que pueda ejecutar la prueba aproximadamente al mismo tiempo. Esto le permitirá comparar con precisión las diferencias entre el tiempo de carga móvil y de escritorio. También recomendamos probar siempre las Vistas Primera y Repetida. Googlebot se preocupa principalmente por la primera vista porque eso es lo que obtiene cuando rastrea un sitio, pero conocer la repetición de la vista lo ayudará a solucionar problemas y mejorar la experiencia del usuario (UX) en la página para los usuarios que han visitado la página antes o tienen otras copias en caché native de los activos del sitio.
   
   
3. Avanzado: Una vez que haya completado la Configuración avanzada, haga clic en la pestaña Avanzado, justo debajo del módulo de expansión Configuración avanzada. En esta pestaña, puede incluir o eliminar algunas de las capacidades de la herramienta si no las necesita en su evaluación. De forma predeterminada, la herramienta prueba hasta que la página está completamente cargada y ejecuta JavaScript, así como la validación del certificado SSL. Si esto no le preocupa, puede limitar la prueba. A continuación se incluye una muestra de nuestra configuración de prueba regular. Como consultoría, MobileMoxie siempre graba el video por si los clientes quieren verlo, pero no tienes que incluirlo si no lo necesitas.
   
   
4. Cromo: Ahora haga clic en la pestaña Chromium junto a la pestaña Avanzado. Esta configuración le permite probar y medir el rendimiento de su página con capacidades específicas de Chrome habilitadas, como:
   • La capacidad de capturar el informe Lighthouse, que utiliza una ‘Conexión rápida 3G’ independiente de la configuración de prueba.
   • La capacidad de emular un teléfono específico: tratamos de elegir el dispositivo más común que los usuarios de nuestro sitio net podrían estar usando. En este caso, estamos usando un iPhone X, pero también hay teléfonos más antiguos disponibles y, a veces, también probamos con ellos.
   • También puede hacer que su prueba seize una línea de tiempo de herramientas de desarrollo, obtenga las estadísticas de tiempo de ejecución v8, un seguimiento de Chrome y un registro de crimson. Los habilitamos en caso de que las preguntas u objeciones se compliquen y necesitemos más datos más adelante, en conversaciones con el equipo DEV.
   • Si está sirviendo selectivamente cualquier elemento de sus páginas, también tiene la capacidad de solicitar la página con una cadena de agente de usuario específica, incluidos los dos GoogleBots principales:
     • GoogleBot móvil: Mozilla/5.0 (Linux; Android 6.0.1; Nexus 5X Construct/MMB29P) AppleWebKit/537.36 (KHTML, como Gecko) Chrome/WXYZ‡ Cellular Safari/537.36 (suitable; Googlebot/2.1; +http://www.google.com/bot.html)
       • (Google ha cambiado a rastrear con un bot que seguirá el ritmo de los lanzamientos de Chrome, llamado bot EverGreen, por lo que esto podría cambiar).
     • Escritorio de GoogleBot: Mozilla/5.0 (suitable; Googlebot/2.1; +http://www.google.com/bot.html) O Mozilla/5.0 AppleWebKit/537.36 (KHTML, como Gecko; suitable; Googlebot/2.1; +http://www.google.com/bot.html) Chrome/WXYZ‡ Safari/537.36
       • (Tenga en cuenta que Google ha dicho que rastreará e indexará casi exclusivamente con GoogleBot Cellular (teléfono inteligente), por lo que las pruebas con esta cadena de agente de usuario pueden no ser representativas de la orientación search engine optimisation precise de Google).
         
   • No habilitamos la reducción de datos ni ningún tratamiento especial para las imágenes, ya que esto no se aplicaría a GoogleBot o GoogleBot Cellular.
     
5. Revise todas las configuraciones: Recuerde, está configurando dos pruebas, en dos pestañas diferentes, para que se ejecuten aproximadamente al mismo tiempo. Un resumen de la configuración recomendada para ambas pruebas (en un contexto de search engine optimisation) se encuentra en la siguiente tabla:
   
6. Pruebas: Haga clic en ‘Iniciar prueba’ en ambas pestañas. Una vez que comience la prueba, la herramienta proporcionará detalles sobre el progreso de la prueba o, si hay una cola, detalles sobre su posición en la cola detrás de otras pruebas. Es posible que deba esperar unos minutos si hay una gran cantidad de otras pruebas esperando para ejecutarse. (La mejor manera de evitar la cola es elegir ubicaciones menos populares o realizar pruebas en momentos menos populares del día, fuera del horario comercial regular).
   Un detalle importante aquí es que en este punto la herramienta ya ha creado una URL estática para su prueba. Puede copiar esta URL y usarla para revisar los resultados en cualquier momento. Normalmente simplemente metemos estas direcciones URL en una hoja de cálculo y revisamos los resultados más tarde, cuando se realizan todas las pruebas. Recuerde iniciar ambas pruebas y guardar ambos enlaces, para que pueda compararlos más tarde, sin tener que esperar a que se ejecute otra prueba.
   
7. Resultados: Para nuestro ejemplo usamos la página de inicio de Amazon. Aquí está un enlace a la prueba unique. La herramienta devuelve puntajes de A a F para Seguridad, Tiempo de primer byte, Maintain-alive habilitado, Comprimir transferencia, Comprimir imágenes y Caché de contenido estático, así como el puntaje de rendimiento de Lighthouse y el uso efectivo de CDN (sí o no), (todos marcado en verde en la imagen de abajo) . Se puede hacer clic en los puntajes y, al hacer clic en cada puntaje, podrá acceder a más detalles sobre los éxitos y las oportunidades para la página.
   Además, verá los datos en el cuadro morado a continuación de Core Internet Vitals, así como los KPI para el tiempo de carga del documento completo y el tiempo de carga de carga completa. Estos son excelentes puntos de datos para usar como referencia para realizar un seguimiento de las mejoras.
   Finalmente, la herramienta proporciona detalles extensos sobre el estado de toda la página. Estos se distribuyen en las diferentes pestañas de la navegación de WebPageTest (marcadas en amarillo). Puede copiar y pegar esta información en una hoja de cálculo para comparar los resultados móviles y de escritorio, o simplemente mantenga las dos pestañas abiertas y haga clic entre ellas. Entraremos en más detalles sobre la información en estas pestañas en tutoriales posteriores.