- \n
- \u00bfQu\u00e9 es AJAX?<\/a><\/li>\n
- \u00bfQu\u00e9 desaf\u00edos conllevan las aplicaciones AJAX?<\/a><\/li>\n
- T\u00e9cnicas de simulaci\u00f3n de usuarios<\/a><\/li>\n<\/ul>\n
- \n
- Pruebas de carga AJAX en acci\u00f3n<\/a>\n
- \n
- Script de prueba de carga AJAX basado en protocolo<\/a><\/li>\n
- Script de prueba de carga AJAX basado en navegador<\/a><\/li>\n
- Conclusi\u00f3n: Comparaci\u00f3n de ambos m\u00e9todos de simulaci\u00f3n<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
- \n
- C\u00f3mo LoadView aborda las pruebas de carga con AJAX<\/a>\n
- \n
- Cinco pasos para ejecutar las pruebas de carga basadas en AJAX con LoadView<\/a><\/li>\n<\/ul>\n<\/li>\n
- Herramientas utilizadas<\/a><\/li>\n<\/ul>\n
<\/p>\n
\n<\/p>\n
<\/a>\u00bfQu\u00e9 es AJAX?<\/span><\/p>\n
<\/p>\n
Aquellos de ustedes que han tenido que lidiar con pruebas de carga de aplicaciones web AJAX (JavaScript asincr\u00f3nica y XML) han aprendido que esto a menudo puede ser un desaf\u00edo de desarrollo y automatizaci\u00f3n dif\u00edcil. Este art\u00edculo proporcionar\u00e1 algunos antecedentes adicionales sobre la t\u00e9cnica de desarrollo de AJAX, las ventajas y desventajas de AJAX y un enfoque recomendado de pruebas de rendimiento ajax.<\/p>\n
Hace d\u00e9cadas, las p\u00e1ginas web y las aplicaciones eran aburridas, pero extremadamente ligeras, f\u00e1ciles de mantener, y su capacidad de prueba era fant\u00e1stica en comparaci\u00f3n con los marcos de aplicaciones web utilizados hoy en d\u00eda. Los usuarios a menudo pasaban m\u00e1s tiempo esperando frente a una pantalla blanca que interactuando con esas primeras aplicaciones web. Debido a esta limitada usabilidad, las empresas evitaron gastar dinero en nuevos servicios basados en la web.<\/p>\n
A partir de 2005, una nueva tecnolog\u00eda llamada AJAX permiti\u00f3 a los desarrolladores crear sitios web modernos, lo que minimizaba el tiempo que los usuarios pasaban frente a una pantalla en blanco esperando a que se cargara una p\u00e1gina. AJAX es una abreviatura y es m\u00e1s que una tecnolog\u00eda porque consta de HTML, CSS, JavaScript, XMLHttpRequest y un lenguaje de scripting del lado servidor como PHP.<\/p>\n
Al principio de la era de Internet, la popularidad de las p\u00e1ginas web interactivas y ricas en contenido era mala porque no hab\u00eda opci\u00f3n de actualizar una p\u00e1gina web sin volver a cargar toda la p\u00e1gina. A medida que las nuevas tecnolog\u00edas y t\u00e9cnicas evolucionaron, AJAX ayud\u00f3 a cerrar esta brecha e introdujo el concepto de carga de datos asincr\u00f3nico, lo que permiti\u00f3 a un usuario final interactuar con la p\u00e1gina mientras los datos se cargan en segundo plano. Hoy en d\u00eda, este concepto es ampliamente utilizado porque permite la implementaci\u00f3n de aplicaciones web interactivas y din\u00e1micas, lo que ayuda a mejorar la experiencia general del usuario.<\/p>\n
<\/p>\n
Una solicitud AJAX t\u00edpica consta del siguiente proceso:<\/p>\n
- \n
- El usuario hace clic a trav\u00e9s de la p\u00e1gina web o la aplicaci\u00f3n web.<\/li>\n
- El controlador de esta p\u00e1gina web crea un objeto XMLHttpRequest.<\/li>\n
- El objeto XMLHttpRequest solicita un documento al servidor.<\/li>\n
- El servidor recupera los datos adecuados y los devuelve.<\/li>\n
- XMLHttpRequest desencadena un evento para notificar a la p\u00e1gina web o aplicaci\u00f3n que los datos han llegado.<\/li>\n
- El controlador procesa y muestra los datos.<\/li>\n<\/ol>\n
<\/p>\n
\n<\/p>\n
<\/a><\/p>\n
\u00bfQu\u00e9 desaf\u00edos conllevan las aplicaciones AJAX?<\/h2>\n
<\/p>\n
Hay algunos escollos comunes involucrados en aplicaciones web din\u00e1micas basadas en AJAX, que ya son bien conocidas en la comunidad de desarrolladores. Cubriremos algunas de las \u00e1reas m\u00e1s problem\u00e1ticas de AJAX a continuaci\u00f3n.<\/p>\n
En primer lugar, como hemos comentado anteriormente, uno de los componentes que componen AJAX es JavaScript. Si deshabilita JavaScript en su navegador, har\u00e1 que su aplicaci\u00f3n o sitio sea in\u00fatil. Hace varios a\u00f1os, era com\u00fan que las organizaciones bloquearan los navegadores para sus empleados y deshabilitaran JavaScript por motivos de seguridad. Esos d\u00edas ya no est\u00e1n, pero todav\u00eda es bueno tener esto en cuenta, ya que incluso cambios como estos podr\u00edan tener consecuencias no deseadas.<\/p>\n
En segundo lugar, los datos cargados din\u00e1micamente y mostrados no forman parte de la p\u00e1gina, especialmente para las p\u00e1ginas que se crean como SPA (Aplicaci\u00f3n de una sola p\u00e1gina) Si un motor de b\u00fasqueda ha indexado la p\u00e1gina web basada en AJAX, el resultado, desde una perspectiva SEO, puede ser insatisfactorio porque una gran extensi\u00f3n de contenido no es visible para esos motores de indexaci\u00f3n.<\/p>\n
En tercer lugar, las actualizaciones de p\u00e1ginas din\u00e1micas en curso pueden molestar a los usuarios con una baja capacidad de atenci\u00f3n. Cuantos m\u00e1s elementos din\u00e1micos aparezcan en esas p\u00e1ginas, mayor ser\u00e1 la posibilidad de que el usuario se interrumpa y no pueda terminar su trabajo en un tiempo aceptable.<\/p>\n
Por \u00faltimo, debido a la comunicaci\u00f3n cliente-servidor basada en devoluci\u00f3n de llamada, la latencia puede ser varias veces mayor en comparaci\u00f3n con otras tecnolog\u00edas, como WebSockets, por ejemplo. Los clientes web solicitan actualizaciones de datos, lo que tambi\u00e9n es un desaf\u00edo para las pruebas automatizadas.<\/p>\n
<\/p>\n
\n<\/p>\n
<\/a><\/p>\n
Prueba de carga AJAX: T\u00e9cnicas de simulaci\u00f3n de usuarios<\/h2>\n
<\/p>\n
Los especialistas en pruebas de carga y los ingenieros de rendimiento son responsables de elegir un enfoque de simulaci\u00f3n de usuario adecuado, uno que sea adecuado para su aplicaci\u00f3n en pruebas y no genere demasiado esfuerzo por su parte. Si elige el m\u00e9todo de simulaci\u00f3n incorrecto, la probabilidad es muy alta de que no pueda abordar los puntos de acceso de rendimiento en la aplicaci\u00f3n.<\/p>\n
Hay dos m\u00e9todos de simulaci\u00f3n de usuario que discutiremos a continuaci\u00f3n.<\/p>\n
Simulaci\u00f3n de solicitudes y respuestas basada en protocolos<\/h3>\n
La mayor\u00eda de las herramientas de pruebas de c\u00f3digo abierto, as\u00ed como las herramientas de pruebas de carga comercial admiten este procedimiento. Registra las interacciones cliente-servidor y la herramienta de prueba captura todas las solicitudes y respuestas en un script de prueba. Despu\u00e9s de la parametrizaci\u00f3n de datos din\u00e1micos, como id. Tenga en cuenta que el procesamiento o las interacciones del lado cliente no forman parte de las mediciones del tiempo de respuesta del nivel de protocolo.<\/p>\n
Simulaci\u00f3n completa basada en navegador de interacciones reales del usuario<\/h3>\n
S\u00f3lo algunas de las soluciones de pruebas de carga m\u00e1s completas<\/a> en el mercado hoy en d\u00eda proporcionan y admiten la simulaci\u00f3n completa de pruebas de carga basada en navegador. La raz\u00f3n de esto es que los requisitos de recursos del sistema son m\u00e1s altos y la implementaci\u00f3n de una reproducci\u00f3n confiable puede ser algo dif\u00edcil. Cuando llega el momento de crear scripts de prueba para simulaciones de usuario basadas en navegador completas, la creaci\u00f3n es como el enfoque basado en protocolos, sin embargo, esta vez todas las interacciones del lado cliente se registran y guardan.<\/p>\n
El probador o ingeniero navega a trav\u00e9s de la p\u00e1gina web o la aplicaci\u00f3n web mientras un grabador de scripts captura todas las interacciones en el explorador web. Durante la ejecuci\u00f3n de pruebas, un explorador web sin cabeza ejecuta las interacciones grabadas y responde a devoluciones de llamada del servidor como un usuario real. Este tipo de simulaci\u00f3n de usuario es muy preciso y proporciona m\u00e9tricas realistas de rendimiento front-end.<\/p>\n
El primer m\u00e9todo de simulaci\u00f3n que describimos es perfecto para aplicaciones web est\u00e1ticas, tiene una baja sobrecarga de simulaci\u00f3n en su m\u00e1quina de inyecci\u00f3n de carga y a menudo es f\u00e1cil de implementar. La t\u00e9cnica posterior proporciona tiempos de respuesta precisos de extremo a extremo, pero su sobrecarga en el servidor de pruebas de carga es mucho mayor. Entonces, \u00bfc\u00f3mo elegir\u00eda el mejor m\u00e9todo de simulaci\u00f3n de usuario para probar la carga de aplicaciones web basadas en AJAX o p\u00e1ginas?<\/p>\n
<\/p>\n
\n<\/p>\n
<\/a><\/p>\n
Pruebas de carga AJAX en acci\u00f3n<\/h2>\n
<\/p>\n
\u00bfCu\u00e1l es el mejor enfoque de pruebas de carga de AJAX<\/a> y c\u00f3mo puede validar su decisi\u00f3n? Obviamente, es una buena idea iniciar un peque\u00f1o experimento si no est\u00e1 seguro de qu\u00e9 enfoque proporcionar\u00eda resultados precisos.<\/p>\n
Para este escenario, cubriremos dos implementaciones de pruebas de carga para una aplicaci\u00f3n de ejemplo AJAX mediante ajaxsearchpro.com<\/a>. Esta aplicaci\u00f3n de demostraci\u00f3n es un motor de b\u00fasqueda simple. En este ejemplo, supongamos que un usuario escribe un t\u00e9rmino de b\u00fasqueda en el campo de b\u00fasqueda y se muestra el contenido coincidente. Despu\u00e9s de activar la tecla enter o se hace clic en el bot\u00f3n de b\u00fasqueda, se ejecutar\u00e1 la b\u00fasqueda final y se mostrar\u00e1n los resultados de b\u00fasqueda correspondientes en la pantalla. A continuaci\u00f3n se muestra el gr\u00e1fico de cascada capturado usando el navegador Chrome DevTools. El tiempo de respuesta de la solicitud de b\u00fasqueda “coche” fue de 2,2 segundos.<\/p>\n
<\/p>\n
![\"waterfall](\"https:\/\/www.loadview-testing.com\/wp-content\/uploads\/waterfall-chart-chrome-browser.png\")
<\/p>\n<\/p>\n
Utilizamos las herramientas de desarrollo dentro del navegador Chrome, lo que nos ayud\u00f3 a averiguar que ejecuta esta solicitud al realizar la acci\u00f3n de b\u00fasqueda: ajaxsearchpro.com\/?s=car<\/a><\/p>\n
Hemos creado un script de prueba de carga basado en protocolos y basado en explorador, hemos ejecutado ambos y comparado las m\u00e9tricas de rendimiento resultantes. \u00bfQu\u00e9 te parece? \u00bfQu\u00e9 simulaci\u00f3n de usuario es la mejor para una aplicaci\u00f3n basada en AJAX?<\/p>\n
<\/a><\/p>\n
<\/p>\n
Script de prueba de carga AJAX basado en protocolo<\/h3>\n
<\/p>\n
- Herramientas utilizadas<\/a><\/li>\n<\/ul>\n
- Cinco pasos para ejecutar las pruebas de carga basadas en AJAX con LoadView<\/a><\/li>\n<\/ul>\n<\/li>\n
- Script de prueba de carga AJAX basado en navegador<\/a><\/li>\n
- Script de prueba de carga AJAX basado en protocolo<\/a><\/li>\n
- \u00bfQu\u00e9 desaf\u00edos conllevan las aplicaciones AJAX?<\/a><\/li>\n
![\"protocol](\"https:\/\/www.loadview-testing.com\/wp-content\/uploads\/protocol-based-ajax-waterfall-chart.png\")
<\/p>\n![\"protocol](\"https:\/\/www.loadview-testing.com\/wp-content\/uploads\/protocol-based-ajax-script-execution.png\")
![\"browser](\"https:\/\/www.loadview-testing.com\/wp-content\/uploads\/browser-based-ajax-waterfall-chart-1.png\")
<\/p>\n![\"browser](\"https:\/\/www.loadview-testing.com\/wp-content\/uploads\/browser-based-ajax-script-execution.png\")