คู่มือนี้อธิบายวิธีวัดระยะเวลาโดยใช้ 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 มิลลิวินาทีในการโหลดทรัพยากร Dependency ของ JavaScript ภายนอกทั้งหมด
ga('send', 'timing', 'JS Dependencies', 'load', 3549);
โปรดทราบว่าอาจมีการระบุช่องที่ส่งผ่านในพารามิเตอร์อำนวยความสะดวกใน fieldsObject
เช่นเดียวกับคำสั่ง send
ทั้งหมด คำสั่งข้างต้นสามารถเขียนใหม่เป็น
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% ตามลำดับ คุณสามารถปรับค่าเหล่านี้ให้ใกล้เคียงมากขึ้นกับจำนวนเวลาที่ Google Analytics จะประมวลผลตามจำนวนการดูหน้าเว็บเฉลี่ยรายวันของคุณ