บทช่วยสอน WebPagetest API พร้อมตัวอย่าง

ก่อนที่เราจะเรียนรู้เพิ่มเติมเกี่ยวกับ webpagetest API เรามาทำความเข้าใจกันก่อน

WebPagetest คืออะไร?

Webpagetest เป็นหนึ่งในเครื่องมือยอดนิยมและฟรีสำหรับการวัดประสิทธิภาพของหน้าเว็บ Webpagetest ช่วยให้คุณสามารถเรียกใช้การทดสอบประสิทธิภาพเว็บบนเว็บไซต์ของคุณจากสถานที่ต่างๆ ทั่วโลกด้วยเบราว์เซอร์ต่างๆ มากมาย

API การทดสอบหน้าเว็บ

เข้าสู่เว็บไซต์ของคุณแล้วคลิกเริ่มการทดสอบ จากนั้นคุณจะเห็นหน้าต่างเอาต์พุตดังภาพด้านล่าง

API การทดสอบหน้าเว็บ

จากหน้านี้ คุณสามารถค้นหาค่าสำหรับพารามิเตอร์ต่อไปนี้ของเว็บเพจของคุณ

  • เวลาในการโหลด – ต้องใช้เวลาในการโหลดเพจ
  • First Byte Time – เวลาที่คำขอของคุณเริ่มดำเนินการ
  • ขนาดหน้า – ขนาดรวมสำหรับเว็บเพจของคุณ
  • คำขอ – จำนวนคำขอที่เว็บเพจของคุณทำ

API การทดสอบหน้าเว็บ

Webpagetest มี API หลัก 2 ตัว

  1. เพื่อทำการทดสอบ – http://www.webpagetest.org/runtest.php.
  2. วิธีตรวจสอบสถานะการทดสอบ – http://www.webpagetest.org/testStatus.php
  3. เพื่อรับผลการทดสอบ – http://www.webpagetest.org/testStatus.php

หากต้องการรันการทดสอบ:

  • หากต้องการรันการทดสอบ คุณสามารถสร้าง GET หรือ POST ได้ http://www.webpagetest.org/runtest.php.
  • ในการตอบกลับ คุณจะถูกนำไปยังหน้าผลลัพธ์หรือคุณจะได้รับการตอบกลับ XML (ขึ้นอยู่กับว่ามีการร้องขอ XML หรือไม่)
  • คุณต้องมีคีย์ API เพื่อใช้ Webpagetest API และคุณต้องติดต่อ wepagetest.org เพื่อรับคีย์ API ของคุณ ด้วยคีย์ API นี้ คุณสามารถส่งการทดสอบได้สูงสุด 100 รายการต่อวัน หากต้องการอินสแตนซ์ส่วนตัวมากกว่านี้ สำหรับอินสแตนซ์ส่วนตัว – ตั้งค่าสภาพแวดล้อมการทดสอบบนเซิร์ฟเวอร์ของคุณเอง
  • ตัวอย่าง – http://www.webpagetest.org/runtest.php?url=guru99.com&runs=1&f=xml&k=<your-api-key>

ตั้งค่าพารามิเตอร์

  • URL – URL ที่จะทดสอบ
  • การรัน – จำนวนการทดสอบรัน
  • fvonly – ตั้งค่าเป็น 1 เพื่อข้ามการทดสอบมุมมองซ้ำ
  • f – รูปแบบการตอบสนอง ตั้งค่าเป็น XML เพื่อขอการตอบสนอง XML หรือ JSON สำหรับการตอบกลับที่เข้ารหัส JSON
  • k – คีย์ API (จำเป็นสำหรับอินสแตนซ์สาธารณะ)

เพื่อตรวจสอบสถานะการทดสอบ

  • เมื่อคุณส่งการทดสอบคุณจะได้รับการตอบกลับ XML ต่อไปนี้

ตรวจสอบสถานะการทดสอบ

  • ตรวจสอบฟิลด์ testId ในการตอบกลับและจดบันทึกไว้
  • Webpagetest เป็นเครื่องมือฟรีและได้รับความนิยม ดังนั้นเพื่อให้มั่นใจว่ามีการใช้งานโดยชอบธรรม คำขอของคุณจะต้องยืนเข้าคิวและรอถึงตาคุณ
  • คุณสามารถตรวจสอบสถานะการทดสอบได้โดยไปที่ http://www.webpagetest.org/testStatus.php ด้วยรหัสการทดสอบของคุณ
  • ตัวอย่าง - http://www.webpagetest.org/testStatus.php?f=xml&test=141107_12_BXZ

ตรวจสอบสถานะการทดสอบ

ข้อมูลนี้ให้ ID การทดสอบ เวลาเริ่มต้น จำนวนการทดสอบที่ร้องขอ ฯลฯ

เพื่อตรวจสอบผลการทดสอบ

ผ่านการทดสอบไปยัง API – http://www.webpagetest.org/xmlResult/141107_12_BXZ/

คุณจะเห็นผลการทดสอบในรูปแบบ XML ดังด้านล่าง

ตรวจสอบผลการทดสอบ

ตัวอย่างโค้ด Php เพื่อใช้ Webpagetest API

	<?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;
	?>
  • ตอนนี้ให้โทรอีกครั้งเพื่อรับผลการทดสอบ
 <?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;
	}
	?>