คู่มือนี้อธิบายวิธีวัดระยะเวลาโดยใช้ analytics.js
ภาพรวม
การศึกษาพบว่าการลดเวลาในการโหลดหน้าเว็บช่วยปรับปรุงประสบการณ์โดยรวมของเว็บไซต์ Google Analytics มีรายงานที่มีประสิทธิภาพจำนวนมากซึ่งจะวัดผลและรายงานเวลาในการโหลดหน้าเว็บโดยอัตโนมัติ อย่างไรก็ตาม คุณยังสามารถวัดข้อมูลเวลาที่กำหนดเองเพื่อวัดประสิทธิภาพเฉพาะสำหรับเว็บไซต์ของคุณได้
ระยะเวลาของผู้ใช้ช่วยให้นักพัฒนาซอฟต์แวร์วัดระยะเวลาโดยใช้ไลบรารี analytics.js ได้ ความสามารถนี้เป็นประโยชน์อย่างยิ่งสำหรับนักพัฒนาซอฟต์แวร์ในการวัดเวลาในการตอบสนองหรือเวลาที่ใช้ เพื่อสร้างคำขอ AJAX และการโหลดทรัพยากรบนเว็บ
การใช้งาน
คุณสามารถส่ง Hit ระยะเวลาของผู้ใช้ได้โดยใช้คำสั่ง send
และระบุ hitType เป็น timing
คำสั่ง send
มีลายเซ็นต่อไปนี้สำหรับประเภท Hit ของ timing
ga('send', 'timing',[timingCategory]
,[timingVar]
,[timingValue]
,[timingLabel]
, [fieldsObject]);
ช่องระยะเวลาของผู้ใช้
ตารางต่อไปนี้สรุปข้อมูลในช่องระยะเวลาของผู้ใช้
ชื่อช่อง | ประเภทค่า | จำเป็น | คำอธิบาย |
---|---|---|---|
timingCategory |
ข้อความ | ใช่ | สตริงสำหรับจัดหมวดหมู่ตัวแปรด้านเวลาทั้งหมดของผู้ใช้ออกเป็นกลุ่มเชิงตรรกะ (เช่น 'JS Dependencies' ) |
timingVar |
ข้อความ | ใช่ | สตริงเพื่อระบุตัวแปรที่กำลังบันทึก (เช่น 'load' ) |
timingValue |
จำนวนเต็ม | ใช่ | จำนวนมิลลิวินาทีในเวลาที่ผ่านไปในการรายงาน Google Analytics (เช่น 20 ) |
timingLabel |
ข้อความ | ไม่ | สตริงที่ใช้เพื่อเพิ่มความยืดหยุ่นในการแสดงภาพระยะเวลาของผู้ใช้ในรายงาน (เช่น 'Google CDN' ) |
ตัวอย่าง
คำสั่งต่อไปนี้จะส่ง Hit ระยะเวลาของผู้ใช้ไปยัง Google Analytics เพื่อระบุว่าหน้าเว็บปัจจุบันใช้เวลา 3,549 มิลลิวินาทีในการโหลดการอ้างอิง JavaScript ภายนอกทั้งหมด
ga('send', 'timing', 'JS Dependencies', 'load', 3549);
โปรดทราบว่าเช่นเดียวกับคำสั่ง send
ทั้งหมด ช่องที่ส่งผ่านในพารามิเตอร์ Conv. อาจถูกระบุใน fieldsObject
ด้วย คำสั่งข้างต้นสามารถเขียนใหม่เป็น
ga('send', {
hitType: 'timing',
timingCategory: 'JS Dependencies',
timingVar: 'load',
timingValue: 3549
});
กำลังวัดเวลา
เมื่อส่งข้อมูลเวลาของผู้ใช้ คุณจะระบุจำนวนมิลลิวินาทีที่ใช้ในพารามิเตอร์ timingValue
คุณจะต้องเขียนโค้ดเพื่อจับภาพช่วงเวลานี้
วิธีที่ง่ายที่สุดในการดำเนินการนี้คือ สร้างการประทับเวลาที่จุดเริ่มต้นของช่วงเวลา และสร้างการประทับเวลาเพิ่มอีกครั้งเมื่อสิ้นสุดระยะเวลานั้น จากนั้นคุณสามารถนำผลต่างระหว่างการประทับเวลาทั้ง 2 อย่างเพื่อคำนวณเวลาที่ใช้ได้
เบราว์เซอร์รุ่นใหม่ส่วนใหญ่รองรับ Navigation Timing API ซึ่งมีเมธอดในออบเจ็กต์ window.performance สำหรับการวัดประสิทธิภาพหน้าเว็บผ่านข้อมูลเวลาที่มีความละเอียดสูง
ตัวอย่างต่อไปนี้ใช้เมธอด performance.now()
ซึ่งจะแสดงระยะเวลาที่ผ่านไปนับจากหน้าเว็บเริ่มโหลดครั้งแรก
// Feature detects Navigation Timing API support.
if (window.performance) {
// Gets the number of milliseconds since page load
// (and rounds the result since the value must be an integer).
var timeSincePageLoad = Math.round(performance.now());
// Sends the timing hit to Google Analytics.
ga('send', 'timing', 'JS Dependencies', 'load', timeSincePageLoad);
}
การพิจารณาการสุ่มตัวอย่าง
Google Analytics จะสุ่มตัวอย่าง Hit ตามระยะเวลาระหว่างการประมวลผลเพื่อให้แน่ใจว่ามีการกระจายทรัพยากรระบบอย่างเท่าเทียมสำหรับฟีเจอร์นี้
อัตราการสุ่มตัวอย่าง Hit จะพิจารณาจากจํานวน Hit การดูหน้าเว็บทั้งหมดที่ได้รับในวันก่อนหน้าของพร็อพเพอร์ตี้ ตารางต่อไปนี้จะสรุปวิธีกำหนดอัตราการสุ่มตัวอย่างช่วงเวลา
จำนวน Hit การดูหน้าเว็บทั้งหมด (วันก่อนหน้า) | จำนวน Hit เวลาสูงสุดที่จะประมวลผล |
---|---|
0 - 1,000 | 100 |
1,000 - 100,000 | 10% ของจำนวน Hit การดูหน้าเว็บทั้งหมด |
100,000 - 1,000,000 | 10,000 |
มากกว่า 1,000,000 | 1% ของจำนวน Hit การดูหน้าเว็บทั้งหมด |
การจำกัดจำนวน Hit ที่ส่ง
เพื่อหลีกเลี่ยงการส่ง Hit ของ Google Analytics ที่จะไม่ถูกประมวลผล analytics.js จึงให้คุณควบคุมเปอร์เซ็นต์ของ Hit ที่ส่งผ่านตัวเลือกการกำหนดค่า sampleRate
และ siteSpeedSampleRate
ได้ โดยค่าเริ่มต้น ช่องเหล่านี้จะตั้งไว้ที่ 100% และ 1% ตามลำดับ คุณสามารถปรับค่าเหล่านี้ให้ใกล้เคียงกับจำนวนเวลาที่ Hit เกิดขึ้นได้ใกล้เคียงมากขึ้น Google Analytics จะประมวลผลตามจำนวนการดูการดูหน้าเว็บเฉลี่ยต่อวัน