บทช่วยสอน WebPagetest API พร้อมตัวอย่าง
ก่อนที่เราจะเรียนรู้เพิ่มเติมเกี่ยวกับ webpagetest API เรามาทำความเข้าใจกันก่อน
WebPagetest คืออะไร?
Webpagetest เป็นหนึ่งในเครื่องมือยอดนิยมและฟรีสำหรับการวัดประสิทธิภาพของหน้าเว็บ Webpagetest ช่วยให้คุณสามารถเรียกใช้การทดสอบประสิทธิภาพเว็บบนเว็บไซต์ของคุณจากสถานที่ต่างๆ ทั่วโลกด้วยเบราว์เซอร์ต่างๆ มากมาย
เข้าสู่เว็บไซต์ของคุณแล้วคลิกเริ่มการทดสอบ จากนั้นคุณจะเห็นหน้าต่างเอาต์พุตดังภาพด้านล่าง
จากหน้านี้ คุณสามารถค้นหาค่าสำหรับพารามิเตอร์ต่อไปนี้ของเว็บเพจของคุณ
- เวลาในการโหลด – ต้องใช้เวลาในการโหลดเพจ
- First Byte Time – เวลาที่คำขอของคุณเริ่มดำเนินการ
- ขนาดหน้า – ขนาดรวมสำหรับเว็บเพจของคุณ
- คำขอ – จำนวนคำขอที่เว็บเพจของคุณทำ
API การทดสอบหน้าเว็บ
Webpagetest มี API หลัก 2 ตัว
- เพื่อทำการทดสอบ – http://www.webpagetest.org/runtest.php.
- วิธีตรวจสอบสถานะการทดสอบ – http://www.webpagetest.org/testStatus.php
- เพื่อรับผลการทดสอบ – 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; } ?>