WooCommerce การรายงานด้วย Relic ใหม่

การรายงานของ WooCommerce นั้นเน้นที่เมตริกทางธุรกิจที่กำหนดมาแต่ดั้งเดิม นอกจากนี้ยังสามารถปรับแต่งได้ยาก

ในเซสชันนี้ เรียนรู้วิธีใช้ New Relic Application Performance Monitoring (APM) เพื่อให้มองเห็นประสิทธิภาพร้านค้าออนไลน์ของคุณได้มากขึ้น—ติดตามประสิทธิภาพของไซต์และเมตริกธุรกิจที่สำคัญทั้งหมดในแดชบอร์ดเดียวกัน

ลำโพง:

• Joshua Dailey ผู้จัดการฝ่ายการตลาดผลิตภัณฑ์ของ WP Engine
• Damien DeHart, MSP Partner Engineer, หัวหน้าทีมที่ New Relic

สไลด์เซสชัน:

ถอดเสียง:

จอช เดลีย์: สวัสดีทุกคน Josh Dailey ที่นี่ ผู้จัดการฝ่ายการตลาดผลิตภัณฑ์สำหรับโซลูชันอีคอมเมิร์ซ WP Engine และฉันใช้เวลากว่าทศวรรษที่ผ่านมาในการสร้างร้านค้าการค้า พัฒนาและเปิดตัวส่วนขยายสำหรับ WooCommerce งานของฉันที่นี่คือการปรับปรุงโซลูชันอีคอมเมิร์ซของเราอย่างต่อเนื่อง

ปัจจุบัน เรานำเสนอแพ็คเกจอีคอมเมิร์ซซึ่งมีข้อดีบางประการที่ไม่เหมือนใครเพื่อกระตุ้นคอนเวอร์ชั่นและเพื่อลดความซับซ้อนในการจัดการร้านค้าอย่างต่อเนื่อง ซึ่งรวมถึง EverCache สำหรับ WooCommerce ที่ใช้แคชอัจฉริยะเพื่อให้แคชของหน้าร้านค้าของคุณเพิ่มขึ้น 90%, Live Cart ที่ช่วยให้คุณขายได้มากขึ้นให้กับผู้ซื้อพร้อมกันมากขึ้นโดยไม่ต้องลดการเชื่อมต่อหรือลดประสิทธิภาพการทำงาน, ค้นหาร้านค้าทันใจที่ขับเคลื่อนโดย ElasticPress เพื่อความรวดเร็วยิ่งขึ้น การค้นหาที่แม่นยำ Smart Plugin Manager พร้อมการทดสอบการถดถอยด้วยภาพ WooCommerce 17 จุด รวมถึงเครื่องมือสร้างสำหรับ WooCommerce เพื่อสร้างและขยายร้านค้าได้อย่างง่ายดาย

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

จากข้อมูลของ Built With WooCommerce เป็นโซลูชันการค้าที่มีผู้ใช้มากที่สุดในโลก โดยมีการติดตั้งมากกว่า 7 ล้านครั้ง ผู้ค้าและนักพัฒนาเลือกใช้เพราะผสานรวมกับ WordPress และความสามารถในการสร้างและปรับแต่งประสบการณ์การช็อปปิ้งได้อย่างรวดเร็ว การพัฒนาที่คล่องตัวด้วย WooCommerce ช่วยให้คุณมีพื้นฐานในการเริ่มต้นและช่วยให้เราดำเนินการผลิตได้เร็วขึ้น ซึ่งท้ายที่สุดแล้วทำให้เราสามารถทำโครงการได้มากขึ้น

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

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

แทนที่จะมองหาเข็มในกองหญ้า แผงหน้าปัดของเราเป็นเหมือนแม่เหล็กที่ดึงเข็มออกมาให้คุณ เราเห็นว่าเป็นส่วนเสริมที่ยอดเยี่ยมสำหรับข้อเสนออีคอมเมิร์ซของเรา ช่วยให้คุณฉลาดขึ้นเกี่ยวกับการสร้างและเพิ่มประสิทธิภาพ WooCommerce ตัวอย่างเช่น คุณสามารถดูได้อย่างแม่นยำว่าเวลาตอบสนองของฐานข้อมูลติดตามไปพร้อมกับจำนวนคำสั่งซื้อสำหรับช่วงเวลาที่ระบุได้อย่างไร ไซต์ของคุณปรับขนาดหรือไม่ สามารถเพิ่มประสิทธิภาพเพื่อเพิ่มการแปลงได้ที่ไหน?

ดังนั้นในเซสชันนี้ เราต้องการให้เครื่องมือที่คุณใช้สร้างมาตรฐานในการสร้างแดชบอร์ดช่วยประหยัดเวลาและมอบการรายงานร้านค้าที่ยืดหยุ่นและขยายได้ให้กับคุณในเซสชันนี้ นั่นเป็นเหตุผลที่ฉันยินดีที่มี Damien จาก New Relic มาที่นี่เพื่อให้คุณได้ทราบข้อมูลเชิงลึกเกี่ยวกับวิธีที่คุณสามารถปรับปรุงการรายงาน Woo ของคุณด้วยแดชบอร์ดในโลกแห่งความจริงที่สร้างขึ้นสำหรับลูกค้า WP Engine WooCommerce รายใหญ่ที่สุดรายหนึ่งของเรา เดเมี่ยน ขอบคุณที่มาร่วมงานกับเรา น่าติดตามมากๆเลยค่ะ

ดาเมียน ดีฮาร์ท: จอช ขอบคุณที่ให้ผมมา เรายินดีที่จะให้ความช่วยเหลือในการนำเสนอนี้ ก่อนที่เราจะเริ่มต้นและพูดคุยเกี่ยวกับโซลูชันจริงที่เราสร้างขึ้นกับหนึ่งในผู้บริโภค WooCommerce ที่ใหญ่ที่สุดของ WPE ฉันขอใช้เวลาสักครู่เพื่อพูดคุยเกี่ยวกับแพลตฟอร์ม New Relic โดยรวม

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

ดังนั้นหากคุณดูที่ด้านล่างของกราฟิกนี้ คุณจะเห็น New Relic One New Relic One เป็นแพลตฟอร์ม Relic ใหม่ สร้างขึ้นจากฐานข้อมูลอนุกรมเวลาขนาดใหญ่ ซึ่งเห็นจำนวนการเข้าชมรายวันมากกว่า Google สำหรับผลการค้นหา

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

ดังนั้นเราจึงสร้างแดชบอร์ดกับหนึ่งในผู้บริโภค WooCommerce รายใหญ่ที่สุดของ WPE และคุณเห็นภาพหน้าจอที่นี่ทางด้านขวา ซึ่งแสดงภาพรวมของแดชบอร์ดที่เราสร้าง และฉันต้องการใช้เวลาสักครู่เพื่อพูดคุยเกี่ยวกับประโยชน์หลักของการใช้ประโยชน์จากแดชบอร์ดและความสามารถของ New Relic

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

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

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

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

แต่คำถามจริง ๆ ที่ทุกคนอยากรู้ในการโทรครั้งนี้คือ “”เราทำหมวกแล้วหรือยัง” มีอะไรทางเทคนิคเกิดขึ้นเบื้องหลัง? ดังนั้นเพื่อที่จะทำเช่นนั้น เราต้องเข้าใจอีกครั้งว่า New Relic APM ทำงานอย่างไร

New Relic APM สอดแทรกตัวเองเข้าไปในระดับโค้ดของแอปพลิเคชัน PHP WordPress ของคุณและให้คุณมองเห็นทุกการโทรที่ทำเข้าและออกจากแอปพลิเคชันนั้น และนั่นทำให้ New Relic อยู่ในที่ที่ไม่เหมือนใครเพื่อให้สามารถรวบรวมข้อมูลเกี่ยวกับผู้ใช้แอปพลิเคชันของคุณได้แบบเรียลไทม์ และสิ่งที่คุณเห็นนี่คือภาพหน้าจอจาก VS Code ที่เราใส่ข้อมูลที่กำหนดเองลงในแอปพลิเคชัน เราไม่ได้ใส่ข้อมูลที่กำหนดเอง เราใส่สคริปต์เล็กน้อยในนั้นเพื่อดึงแอตทริบิวต์ตามที่เราเรียก หรือข้อมูลเมตาต่างๆ เกี่ยวกับผู้ใช้ในแอปพลิเคชันของคุณ ซึ่งกำลังรวบรวมโดย Add-on ของ WooCommerce ใน PHP

คุณจึงเห็นส่วนที่ไฮไลต์ที่นี่ด้านล่าง เรากำลังทำสิ่งที่เราเรียกว่าเพิ่มพารามิเตอร์ที่กำหนดเองให้กับ New Relic และเรากำลังเพิ่มอีเมลสั่งซื้อ

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

ดังนั้น หากคุณคิดจากมุมมองด้านประสิทธิภาพและการเพิ่มประสิทธิภาพ สิ่งนี้ทำให้คุณสามารถเจาะเข้าไปในลูกค้าทุกราย และดูว่าลูกค้ารายนี้ใช้เงินไปกับฉันเท่าไหร่ ประสิทธิภาพของพวกเขาบนเว็บไซต์เป็นอย่างไร? พวกเขาพบข้อผิดพลาดหรือไม่? ฐานข้อมูลของเราใช้เวลานานเกินไปหรือไม่? และสิ่งนี้ทำให้คุณสามารถให้บริการลูกค้ารายใหญ่และรายเล็กของคุณได้อย่างเพียงพอ หรืออาจจัดกลุ่มพวกเขาเป็นกลุ่มๆ เพื่อให้คุณสามารถทำการวิเคราะห์ตามรุ่นว่าประสิทธิภาพส่งผลกระทบต่อธุรกิจของคุณในแต่ละวันมากน้อยเพียงใด และมีผลกับผลกำไรของคุณอย่างมีประสิทธิภาพ และจำนวนเงินที่คุณจ่ายไป สร้าง.

ดังนั้นฉันจึงอยากบอกว่านี่ไม่ได้จำกัดเฉพาะพารามิเตอร์ที่แสดง นี่เป็นเพียงสิ่งที่เรากำลังรวบรวม แต่อย่างที่ทุกคนทราบกันดีว่า WooCommerce สร้างข้อมูลมากกว่าที่เรารวบรวมในวันนี้ ดังนั้นสิ่งนี้จึงใช้ประโยชน์จากสิ่งที่เราเรียกว่าแอตทริบิวต์ที่กำหนดเอง และคุณยังสามารถรวบรวมข้อมูลอื่นๆ ที่คุณต้องการได้อีกด้วย ตัวอย่างเช่น หากแอปพลิเคชันของคุณกำลังรวบรวมชื่อผู้ใช้หรืออีเมลผู้ใช้ หรือชื่อลูกค้าหรือระดับการสนับสนุน และรายการยังคงดำเนินต่อไป คุณสามารถใส่พารามิเตอร์เพิ่มเติมเหล่านั้นลงใน New Relic ซึ่งให้การมองเห็นในระดับเดียวกับที่ฉันเพิ่งพูดไป ของ.

สิ่งนี้ขยายไปถึงการใช้ APM และ Application Performance Monitoring ของคุณเพื่อเพิ่มบริบททางธุรกิจนั้นใน New Relic, ใน UI, ในชั้นข้อมูล และท้ายที่สุดในแนวทางปฏิบัติของธุรกิจของคุณ ซึ่งช่วยให้คุณตัดสินใจได้ดีขึ้นและซื้อ - จากทุกคนตั้งแต่นักพัฒนาไปจนถึง CTO ของคุณและแม้แต่ CEO ของคุณในด้านธุรกิจ ดังนั้นเราจึงต้องการพูดคุยเล็กน้อยเกี่ยวกับการใช้ New Relic Synthetics ซึ่งรวมอยู่ในการสมัครสมาชิก WordPress เพื่อจัดการโซลูชัน WordPress และวิธีที่คุณสามารถใช้สิ่งนี้สำหรับอีคอมเมิร์ซ

ดังนั้น สารสังเคราะห์ New Relic จึงเป็นเครื่องมือทดสอบที่ใช้ Selenium ที่มีประสิทธิภาพมาก และเราไม่ต้องการโฆษณาตัวเองว่าเป็นโซลูชันการทดสอบความเครียดหรือการทดสอบโหลด แต่สิ่งที่เราโฆษณาตัวเองว่าเป็นวิธีส่งปริมาณการใช้โปรแกรมไปยังเว็บไซต์ของคุณใน เพื่อทดสอบสถานการณ์ที่เฉพาะเจาะจงมาก ดังนั้นจึงมีการตรวจสอบที่แตกต่างกันจำนวนหนึ่งที่คุณได้รับจากการสมัครของคุณ อีกครั้งกับแพ็คเกจการตรวจสอบบน WP Engine สิ่งแรกที่เราจะกล่าวถึงคือการทดสอบความพร้อมใช้งาน

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

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

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

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

เอาล่ะ ตอนนี้เราอยู่ใน New Relic แล้ว สิ่งที่คุณกำลังดูอยู่นี้คือหน้าแรกของ New Relic สำหรับผู้ที่ไม่คุ้นเคยกับหน้านี้ หน้านี้จะแสดงเอนทิตีต่างๆ ทั้งหมดที่มีอยู่ใน New Relic และโดยพื้นฐานแล้ว เอนทิตีคือสิ่งที่ส่งข้อมูลที่คุณต้องการตรวจสอบ

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

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

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

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

นอกจากนี้ยังช่วยในการร้องขอ CDN สมมติว่าคุณกำลังดำเนินการตรวจสอบและในสิงคโปร์นั้นช้ามาก แต่หัวหน้าของคุณ—ศูนย์ข้อมูลและโฮสติ้งทั้งหมดของคุณอาจอยู่ในสหรัฐอเมริกาฝั่งตะวันตก คุณอาจต้องการยืนหยัด CDN ที่นี่เพื่อให้คุณได้รับการแสดงอย่างต่อเนื่องทั่วโลก

ดังนั้นในแผนภูมินี้ คุณจะเห็นจำนวนความล้มเหลวเมื่อเทียบกับจำนวนการตรวจสอบในช่วงเวลาที่เรากำลังดูในช่วง 30 นาทีที่ผ่านมา ถ้าฉันจะขยายสิ่งนี้ออกไปเป็นไลค์หนึ่งวัน คุณจะเห็นเมตริกบางอย่างเปลี่ยนแปลงที่นี่ แต่สิ่งนี้จะเกิดขึ้นจริง นี่คือการแสดงจริงในช่วง 2 1/2 ชั่วโมงที่ผ่านมา ความล้มเหลวใด ๆ จะแสดงเป็นสีแดง

ดังนั้นเราจึงไม่เห็นความล้มเหลวใดๆ ในช่วง 2 และ 1/2 ชั่วโมงที่ผ่านมา และคุณจะเห็นข้อมูลเวลาพื้นฐานในสถานที่ต่างๆ ลงไปอีกหน่อย คุณจะเห็นเมตริกประสิทธิภาพบางส่วนเช่นกัน

นี่จึงเป็นการแสดงเมตริกประสิทธิภาพที่เน้นผู้ใช้เป็นหลัก โดยพื้นฐานแล้ว ไบต์แรกคือเมื่อมองเห็นสิ่งใดในหน้า การลงสีครั้งแรกนั้นเหมือนกับการโหลดรูปภาพหรือข้อความหรืออะไรก็ตาม การโหลดหน้าเว็บเป็นการโหลดหน้าเว็บทั้งหมด ดังนั้นเมื่อโหลดหน้าเว็บจนเต็ม

จากนั้น First Contentful Paint เป็นภาพที่ใหญ่ที่สุดที่โหลดบนหน้า ดังนั้นเราจึงให้ข้อมูลเวลาทั้งหมดสำหรับการตรวจสอบนี้แก่คุณ เรากำลังแสดงคำขอตามโดเมน

ในขณะที่คุณเรียกสิ่งต่าง ๆ ในแอปพลิเคชันนั้นใช้เวลานานเท่าใดสำหรับคำขอเหล่านั้น - จำนวนคำขอเหล่านั้นที่เกิดขึ้นในช่วงเวลาหนึ่ง จากนั้นตามด้วยระยะเวลาตามโดเมน ดังนั้นแต่ละสิ่งเหล่านี้ใช้เวลานานเท่าไหร่? เรามี newrelicdemo.com ซึ่งใช้เวลานานที่สุด จากนั้นจึงมีขนาดเฉลี่ยตามประเภททรัพยากร

ดังนั้นเราจึงสามารถเห็นภาพที่นี่ใหญ่ที่สุดที่นี่ ดังนั้นหากมีโอกาสเพิ่มประสิทธิภาพ ฉันอาจจะเริ่มดูรูปภาพในเว็บไซต์นี้

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

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

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

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

แล้วเราก็มีสคริปต์อยู่ที่นี่ นี่คือสคริปต์ของเรา สร้างขึ้นในโหนด และเรากำลังรวบรวมข้อมูลหน้าเว็บเหล่านี้ โหลดหน้าเว็บบางหน้า แล้วพิมพ์ผลลัพธ์เหล่านั้นในคอนโซล

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

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

เมื่อฉันคลิกเข้าไปในนี้ ในช่วง 24 ชั่วโมงที่ผ่านมา เราเห็นอัตราความสำเร็จ 100% เราพบว่าการตรวจสอบเป็นศูนย์ล้มเหลว ทุกอย่างปกติดี. ดูระยะเวลาตามสถานที่

อีกครั้งเราได้พูดคุยเกี่ยวกับข้อกำหนด CDN เหล่านั้น คุณจะเห็นว่าพอร์ตแลนด์อยู่ในระดับต่ำมากหรือไม่มาก แต่ก็ต่ำกว่าอย่างอื่นเล็กน้อย นั่นอาจบอกฉันว่าศูนย์ข้อมูลหรือโครงสร้างพื้นฐานของฉันอยู่ในสหรัฐอเมริกาฝั่งตะวันตก

ฉันต้องการการแสดงที่สม่ำเสมอทั่วโลก ดังนั้นฉันอาจจะใส่ CDN ในตำแหน่งอื่นเหล่านี้ อาจจะไม่ เพราะไม่ใช่เรื่องใหญ่อะไร ขึ้นอยู่กับธุรกิจที่จะตัดสินใจว่า

จากนั้นคุณจะเห็นเหตุการณ์ต่าง ๆ ทั้งหมดของการตรวจสอบเหล่านี้ คุณจะเห็นพวกเขาตามสถานที่ คุณจะเห็นตามระยะเวลา คุณจะเห็นตามขนาดการตอบสนอง

จากนั้นหากมีข้อความแจ้งความล้มเหลว คุณจะเห็นข้อความนั้นเช่นกัน คุณยังสามารถกรองความล้มเหลวได้สองรายการเท่านั้น เราไม่มีในช่วงเวลานี้ มาดูกันว่าจะมีอะไรน่าสนใจบ้าง

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

ดังนั้นโฟลว์คือเรามาที่หน้าหลักนี้ นี่คือสิ่งที่เกิดขึ้นในหน้านั้น คุณจึงมีกำหนดเวลาที่ผู้ใช้เป็นศูนย์กลาง

คุณสามารถดูสิ่งต่าง ๆ ทั้งหมดที่โหลดบนหน้า เราจึงได้ภาพขนาดใหญ่มาตรงนี้ ภาพขนาดใหญ่มาก นี่คือภาพ และนี่คือความจริง เราทำสิ่งนี้โดยเจตนาเพื่อแสดงสิ่งนี้

แต่คุณมีภาพขนาดมหึมาอยู่ที่นี่ ภาพ telco.bids ซึ่งใช้เวลามาก ถ้าฉันจะพูดว่า เฮ้ ดูสิ มีโอกาสเพิ่มประสิทธิภาพบางอย่างที่สามารถทำได้ โดยส่วนตัวแล้ว นี่เป็นสิ่งแรกที่ฉันโฟกัสไปที่ภาพขนาดใหญ่นั้น

กลับมาที่โฟลว์ ขวา งั้นเราไปเริ่มที่หน้าหลักกันเลย เราเข้าไปในหน้าเข้าสู่ระบบ คุณสามารถดูทุกสิ่งที่เกิดขึ้นที่นี่เช่นกัน ข้อผิดพลาดใดๆ ของ JavaScript หรืออื่นๆ ที่เกิดขึ้น AJAX ใดๆ ที่เกิดขึ้น ทั้งหมดที่กล่าวมา

จากนั้นเมื่อพวกเขาเข้าสู่ระบบ พวกเขาจะถูกเปลี่ยนเส้นทาง ดังนั้นเราจึงเห็นเส้นเวลาเช่นกัน มุมมองน้ำตกที่สวยงาม เรากำลังผ่านหน้าทั้งหมด

พวกเขาจึงไปที่หน้าโทรศัพท์ และกำลังค้นหาโทรศัพท์ ใช้เวลานานในการค้นหาโทรศัพท์ที่พวกเขาต้องการ ไม่เป็นไร.

พวกเขาพบโทรศัพท์จริง นี่คือหน้าจริงในเว็บไซต์สาธิตของผลิตภัณฑ์ ดังนั้นหน้าผลิตภัณฑ์เฉพาะ และนี่คือจุดเริ่มต้นที่น่าสนใจ คุณสามารถดูสิ่งนี้ และคุณจะเห็นว่า โอเค ฉันแค่ต้องการดูประสิทธิภาพของเพจนี้

หน้านี้ใช้เวลาโหลดนานเท่าใด และขึ้นอยู่กับ SLA ที่ฉันคืนให้ลูกค้าหรือไม่ พวกเขาไปที่หน้าแผนเพื่อค้นหาแผน พวกเขาตัดสินใจวางแผน

ตอนนี้พวกเขากำลังมองหาโทรศัพท์ ดังนั้น เราจะผ่านกระบวนการทั้งหมดของลูกค้าในการค้นหาโทรศัพท์ที่พวกเขาต้องการ ค้นหาแผนการที่พวกเขาต้องการ ใส่ทั้งหมดลงในตะกร้าสินค้า พวกเขาจบลงในตะกร้าสินค้า

เรามีข้อผิดพลาดที่นี่ ดังนั้นหากคุณต้องการเห็นคำขอใดๆ ที่มีข้อผิดพลาด เรามีคำขอนี้พร้อมกับคำขอ HTML ที่นี่ ไปที่หน้านี้ นี่เป็นคำขอที่ถูกต้อง เนื่องจากเป็นข้อผิดพลาด ดังนั้นฉันจะไม่พูดถึงเส้นทางการแก้ไขปัญหาทั้งหมดที่นี่

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

จากนั้นคุณผ่านขั้นตอนการชำระเงิน คุณเห็นว่าทุกอย่างใช้เวลาที่นี่นานแค่ไหน และในที่สุด นี่คือหน้าสุดท้ายที่พวกเขาเข้ามา การชำระเงินเสร็จสมบูรณ์

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

คุณยังเห็นบันทึกของเบราว์เซอร์ซึ่งแสดงข้อผิดพลาดใดๆ ที่เกิดขึ้น เรามีข้อผิดพลาดทางไวยากรณ์มากมายที่นี่ นี่คือสภาพแวดล้อมการสาธิต

ดูว่าตอนนี้คุณล้มเหลวในการโหลดเซิร์ฟเวอร์ทรัพยากร ตอบกลับด้วยสถานะ 500 ดังนั้นนี่คือการโทรที่ถูกต้องที่เรากำลังพูดถึง

ดังนั้น ถ้าฉันเป็นนักพัฒนา ฉันจะจดบันทึกเรื่องนี้ไว้ สิ่งแรกที่ฉันเห็นคือ เฮ้ เรามี 500 ในนี้ และดูเหมือนจะอยู่ในหน้าคูปอง ดังนั้นพวกเขาจึงพยายามโหลดสิ่งที่สำคัญ นี่คือจุดเริ่มต้นที่เราพูดถึงโอกาสในการเพิ่มประสิทธิภาพเว็บไซต์

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

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

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

หากคุณสนใจ APM และคุณไม่ได้ใช้งาน ซึ่งเป็นคุณสมบัติการตรวจสอบประสิทธิภาพแอปพลิเคชันของเรา โปรดปรึกษาผู้จัดการบัญชีของคุณหรือสอบถามสมาชิกในทีมของเรา และเรียนรู้วิธีเริ่มใช้ประโยชน์จาก New Relic ที่นี่บน WP เครื่องยนต์.

ขอบคุณอีกครั้ง เดเมี่ยน ขอบคุณทุกคน. และหวังว่าคุณจะสนุกกับเวลาที่เหลืออยู่ใน DE{CODE}