Tutorial da API WebPagetest com exemplo

โšก Resumo Inteligente

A API WebPageTest submete testes de desempenho programaticamente usando chaves de API e o endpoint runtest.php. LessOs testes abrangem autenticaรงรฃo, formatos de requisiรงรฃo, tratamento de respostas JSON e XML e leitura eficaz de dados de resultados de testes.

  • โšก Endpoint: POST ou GET runtest.php.
  • ๐Ÿ”‘ Autenticaรงรฃo: Cabeรงalho X-WPT-API-KEY.
  • ๐Ÿ“Š Formato: f=json ou f=xml.

API WebPagetest

Antes de aprendermos mais sobre a API webpagetest, vamos entender-

O que รฉ WebPagetest?

Webpagetest รฉ uma das ferramentas mais populares e gratuitas para medir o desempenho de pรกginas da web. O Webpagetest permite que vocรช execute testes de desempenho da web em seu site a partir de vรกrios locais diferentes ao redor do mundo em vรกrios navegadores diferentes.

API WebPagetest

Entre no seu site e clique em Iniciar teste. A seguir, vocรช verรก a janela de saรญda como abaixo

API WebPagetest

Nesta pรกgina, vocรช pode encontrar valores para os seguintes parรขmetros da sua pรกgina da web

  • Tempo de carregamento โ€“ tempo necessรกrio para carregar a pรกgina
  • Hora do primeiro byte โ€“ hora em que sua solicitaรงรฃo comeรงou a ser executada
  • Tamanho da pรกgina โ€“ Tamanho total da sua pรกgina da web
  • Solicitaรงรตes โ€“ Nรบmero de solicitaรงรตes feitas por sua pรกgina da Web.

API WebPagetest

Webpagetest tem 2 APIs principais

  1. Para executar testes โ€“ http://www.webpagetest.org/runtest.php.
  2. Para verificar o status do teste โ€“ http://www.webpagetest.org/
  3. Para obter resultados de testes โ€“ http://www.webpagetest.org/

Para executar testes:

  • Para executar um teste vocรช pode fazer um GET ou um POST para http://www.webpagetest.org/.
  • Em resposta, vocรช serรก redirecionado para a pรกgina de resultados ou receberรก uma resposta XML (dependendo se o XML foi solicitado).
  • Vocรช precisa da API KEY para usar a API Webpagetest e deve entrar em contato com wepagetest.org para obter sua API KEY. Com esta chave de API, vocรช pode enviar no mรกximo 100 testes por dia, caso precise de uma instรขncia privada. Para instรขncia privada โ€“ configure um ambiente de teste em seu prรณprio servidor.
  • Amostra - http://www.webpagetest.org/runtest.php?url=guru99.com&runs=1&f=xml&k=<your-api-key>

Definir parรขmetros

  • URL - URL a ser testado
  • execuรงรตes โ€“ Nรบmero de execuรงรตes de teste
  • fvonly โ€“ Defina como 1 para pular o teste de repetiรงรฃo de visualizaรงรฃo
  • f โ€“ Formato da Resposta. Defina como XML para solicitar uma resposta XML ou JSON para resposta codificada em JSON
  • k โ€“ Chave API (obrigatรณrio para instรขncia pรบblica)

Para verificar o status do teste

  • Depois de enviar um teste, vocรช receberรก a seguinte resposta XML.

Verifique o status do teste

  • Verifique o campo testId na resposta e anote-o
  • Webpagetest รฉ uma ferramenta gratuita e popular, portanto, para garantir um uso justo, sua solicitaรงรฃo deve ficar na fila e aguardar sua vez.
  • Vocรช pode verificar o status do teste fazendo um GET em http://www.webpagetest.org/testStatus.php com seu ID de teste.
  • Exemplo - http://www.webpagetest.org/testStatus.php?f=xml&test=141107_12_BXZ

Verifique o status do teste

Essas informaรงรตes fornecem o ID do teste, a hora de inรญcio, o nรบmero de execuรงรตes solicitadas pelo teste, etc.

Para verificar os resultados do teste

Passe no testado para a API โ€“ http://www.webpagetest.org/xmlResult/141107_12_BXZ/

Vocรช verรก os resultados do teste em formato XML como abaixo

Verifique os resultados do teste

Php Code Exemplo de uso da API Webpagetest

	<?php
	$url = <a href=https://www.guru99.com //url to test
	$api_key = "<your-copy-api-key>"; // your api key
	  $webpagetest = "http://www.webpagetest.org/runtest.php?url=$url&runs=1&f=xml&k=$api_key"; 
	$xmlres = simplexml_load_file($webpagetest);
	$testid = $xmlres->data->testId;        
	echo "Test id : ".$testid." For url : ".$url;
	?>
  • Agora faรงa outra ligaรงรฃo depois de algum tempo para obter os resultados do teste
 <?php
	$test_id = "<test-id-you-got-from-request-call>";
	$weburl = "http://www.webpagetest.org/xmlResult/$test_id/";
	 $xmlres = simplexml_load_file($weburl);
	 if($xmlres){
	$loadtime = ($xmlres->data->average->firstView->loadTime)/1000;
	echo "WebPage loadtime is : ".$loadtime;
	}
	?>

Perguntas Frequentes

Cadastre-se em webpagetest.org e solicite uma chave no painel de controle. Os planos pagos comeรงam em US$ 15 por mรชs.

As ferramentas de IA analisam JSON, resumem os Core Web Vitals, sinalizam regressรตes e recomendam correรงรตes de imagem, CSS ou JS.

Sim. O Copilot gera Node e Python Scripts que submetem testes, consultam o status e analisam os resultados.

Resuma esta postagem com: