Tecnologias de teste de carga

Teste de carga AJAX

Há mais de 20 anos, não havia como atualizar uma página da Web sem exibir uma tela branca chata enquanto recarregava toda a página. Felizmente, o AJAX fechou essa lacuna e introduziu o conceito assíncrono de carga de dados, que permite ao usuário interagir com a página enquanto os dados são carregados em segundo plano. Hoje em dia, esse conceito é a base de nossos aplicativos web ricos e interativos de conteúdo.

AJAX é uma abreviação para JavaScript e XML assíncronas e é mais do que uma tecnologia porque consiste em HTML, CSS, JavaScript, XMLHttpRequest e uma linguagem de scripting do lado do servidor, como PHP. Uma solicitação AJAX consiste nas seguintes 6 etapas:

1. Uma página da Web dispara um evento de mudança de conteúdo
2. O manipulador desta página web cria um objeto XMLHttpRequest
3. O objeto XMLHttpRequest solicita um documento do servidor
4. O Servidor recupera dados apropriados e os envia de volta
5. O XMLHttpRequest dispara um evento para notificar a página da Web que os dados chegaram
6. O manipulador processa os dados e os exibe

O outro lado da perspectiva de um engenheiro de desempenho é que a automação de uma comunicação comosíncrona é complicada. Considere testar a carga de um aplicativo web que tem que servir 100 usuários simultâneos e 10000 pesquisas por hora. Você tem a tarefa de validar se o tempo médio de resposta deste aplicativo estiver dentro dos limites de 3 segundos.

Basicamente, você tem as duas opções a seguir para um cenário de teste de carga:

1. Simulação baseada em protocolo
2. Simulação baseada em navegador

Vamos comparar o nível de protocolo com a simulação de carga de nível do navegador. A tabela abaixo reflete os resultados deste experimento:

Captura de tela

Teste de carga angularJS

Os desenvolvedores front-end adoram o AngularJS porque ajuda a simplificar códigos complexos. Esta estrutura simples e poderosa resolve os problemas de manipulação do DOM propensos a erros com sua descrição declarativa do fluxo de interface do usuário. AngularJS é um JavaScript Framework de código aberto e pode ser adicionado a uma página com uma tag de script simples, como:

<script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js”>
</script>

Ele suporta a separação da preocupação e traz elementos dinâmicos para HTML estático. Como qualquer outro aplicativo, também os sistemas baseados em AngularJS podem ser rapidamente impactados por problemas de desempenho. Aqui estão alguns passos que você pode dar para acelerar as coisas no seu próximo projeto de teste de carga NG:

• Reduza o número de operações do DOM ao mínimo
• Reduza os elementos totais da sua árvore DOM
• Use o perfil do Chrome para verificar a pegada de memória
• Reduza as atividades em seu observador

LoadView oferece tudo o que você precisa quando se trata de testes precisos de carga AngularJS.

O exemplo abaixo usa uma entrada de mensagem baseada no AngularJS. A captura de tela abaixo contém seu código-fonte no lado esquerdo e o aplicativo no lado direito.

Teste de carga flash

Flash é um software de autoria e é usado para criar animações baseadas em gráficos vetoriais. É uma tecnologia independente de plataforma e é executado em qualquer máquina onde um Flash player é instalado. Devido a preocupações com a segurança, muitas vezes as empresas proíbem o Flash de sua infraestrutura. No entanto, você pode construir aplicações agradáveis com flash, já que a sobrecarga é baixa. No entanto, a pequena desvantagem do Flash é que ele não será executado sem um plugin de flash player ativado.

LoadView oferece tudo o que você precisa quando se trata de testes precisos de carga FLASH. Usei uma calculadora simples baseada em Flash: https://www.dotcom-tools.com/samples/Calculator.html. Meu cenário de teste de carga executa um cálculo simples 1 + 2 = 3.

Captura de tela

Teste de carga HTML5

HTML5 é a quinta versão do HTML, padrão, que ainda é a espinha dorsal de nossas aplicações web. Os ingredientes do HTLM5 são:

• HTML que fornece a estrutura
• CSS que cuida da apresentação
• JavaScript que faz as coisas acontecerem

HTML5 oferece tudo o que é necessário para implementar aplicativos bonitos em execução em seu navegador sem a necessidade de quaisquer plugins. Esses aplicativos são conhecidos como aplicativos baseados em plataformas cruzadas. Eles são executados em qualquer dispositivo se o seu navegador suportar HTML5. A seguir, um exemplo de teste de carga HTML5 com o LoadView.

Captura de tela

Teste de carga JavaScript

Captura de tela

Teste de carga JSON

JSON é uma abreviação para JavaScript Object Notation e é bastante semelhante ao XML. É um formato de dados muito comum e usado para todo tipo de comunicação navegador-servidor. Simplicidade, amplo suporte à linguagem de programação e baixa sobrecarga são a razão de sua popularidade.

Alguns hotspots de desempenho específicos JSON incluem o seguinte:

• Download de arquivos grandes leva muito tempo
• A utilização da memória é muito alta

Em comparação com o SOAP XML, a pegada do JSON é mais baixa e é mais fácil de ler. O exemplo abaixo ilustra os testes de carga JSON com o LoadView.

Usamos json na funcionalidade de pesquisa em nosso site. Este é o código-fonte JSON correspondente:

Captura de tela

Teste de carga de aplicativo de uma página

Captura de tela

Teste de carga de SABÃO

O Protocolo simples de acesso a objetos (SOAP) é muito mais do que uma linguagem de programação. Ao contrário do JavaScript, que é uma linguagem de desenvolvimento, o SOAP permite a comunicação em qualquer dispositivo e sistema operacional. O bloco básico de construção do SOAP é XML. A SOAP introduziu um formato para envio e recebimento de mensagens.

Alguns dos hotspots de desempenho mais populares relacionados ao SOAP são os seguintes:

• Aplicativo tagarela
• Estratégia errada ou sem cache
• Serialização causa sobrecarga alta
• Nenhuma validação de entrada no processamento do método web do lado do consumidor ou ineficiente

Os serviços web baseados em SABÃO fornecem uma descrição de seus serviços no WSDL. Esta linguagem de descrição do serviço web pode ser usada para manualizar nossos testes automatizados. Em nossa vitrine abaixo, vou demonstrar como configurar testes de carga de um aplicativo baseado em SOAP.

Este simples CurrencyConverter será usado em nossa configuração de teste de carga de amostra:

https://www.webservicex.net/CurrencyConvertor.asmx?WSDL

As etapas a seguir descrevem como realizar testes de carga de SABÃO com o LoadView.

Captura de tela

Teste de carga REST da API da Web

REST é um padrão de comunicação amplamente utilizado que significa Transferência de Estado Representacional. Ele estrutura dados em formato legível por máquina e faz uso de XML ou JSON. Ao contrário do SOAP, que é altamente orientado para funções, REST muito orientado para dados. Os serviços RESTful API e RESTful são dois termos frequentemente usados nesta disciplina, mas não significam nada mais do que serviços REST.

O teste de desempenho dos serviços REST é sobre enviar dados para serviços ou verificar a resposta dele. Alguns hotspots de desempenho rest mais comuns incluem o seguinte:

• Serviços de chatty
• Muito ou não dados necessários transmitidos
• Sem reutilização de conexões TCP

As comunidades de desenvolvedores não costumam concordar se implementam serviços web em SOAP ou REST. Do ponto de vista de desempenho, os serviços baseados em REST são projetados para velocidade. A sobrecarga do protocolo é menor e não é necessária uma análise XML. O estudo de caso abaixo ilustra como os testes de REST da Web API podem ser feitos com o LoadView.

Captura de tela

Testes de carga do WebSockets

O WebSockets foi projetado para permitir a comunicação bidirecional entre cliente e servidor, o que significa que ambas as partes se comunicam e trocam dados ao mesmo tempo. A verdadeira concurrency e otimização de desempenho são os dois pontos-chave do WebSockets.

As vantagens de usar websockets incluem o seguinte:

• bidirecional
  • Nenhum padrão de mensagem predefinido, cliente ou servidor pode enviar uma mensagem para a outra parte
• Duplex Completo
  • Comunicação independente entre cliente e servidor
• Conexão TCP única
  • Atualize a conexão HTTP, o cliente e o servidor se comuniquem pela mesma conexão TCP

Se compararmos webSockets com padrões de comunicação baseados em REST ou SOAP, os tempos de resposta do primeiro são muito melhores porque os WebSockets permitem o reaproveitamento da mesma conexão TCP. Pesquisas mostraram que os serviços baseados no WebSocket são até 10 vezes mais rápidos.

Para este teste, usaremos um ChatBot que responde a algumas perguntas básicas.

Captura de tela

Teste de carga com o plugin LoadView para Jenkins