إعداد تقارير WooCommerce باستخدام New Relic

ركزت تقارير WooCommerce تقليديًا على مقاييس الأعمال الإلزامية. قد يكون من الصعب أيضًا التخصيص.

في هذه الجلسة ، تعرف على كيفية استخدام New Relic Application Performance Monitoring (APM) للحصول على رؤية أكبر لأداء متجرك عبر الإنترنت - تتبع أداء الموقع ومقاييس العمل الرئيسية كلها في نفس لوحة المعلومات.

مكبرات الصوت:

• جوشوا دايلي ، مدير تسويق المنتجات في WP Engine
• داميان ديهارت ، مهندس شريك MSP ، رئيس الفريق في New Relic

شرائح الجلسة:

نص:

جوش ديلي: مرحبًا بكم جميعًا. Josh Dailey هنا ، مدير تسويق المنتجات لحل التجارة الإلكترونية WP Engine وقد أمضيت العقد الماضي في إنشاء متاجر تجارية وتطوير وإطلاق ملحقات WooCommerce. وظيفتي هنا هي تحسين حل التجارة الإلكترونية لدينا باستمرار.

في الوقت الحالي ، نقدم حزم التجارة الإلكترونية التي لها بعض المزايا الفريدة لزيادة التحويلات وتبسيط إدارة المتجر المستمرة. يتضمن ذلك EverCache for WooCommerce الذي يستخدم التخزين المؤقت الذكي لتقديم 90٪ أكثر من ذاكرة التخزين المؤقت لصفحات متجرك ، و Live Cart التي تتيح لك بيع المزيد إلى المزيد من المتسوقين المتزامنين دون انقطاع الاتصالات أو التضحية بالأداء من أجل الوظائف ، البحث الفوري عن المتجر المدعوم من ElasticPress للحصول على أسرع وأكثر بحث دقيق ، Smart Plugin Manager مع اختبار انحدار مرئي من 17 نقطة WooCommerce ، بالإضافة إلى أدوات Builder لـ WooCommerce لبناء متجر وتنميته بسهولة.

بالإضافة إلى ذلك ، لدينا أيضًا وظائف إضافية مثل مراقبة أداء التطبيق لتوسيع مجموعة الأدوات الخاصة بك. لسنوات ، عقدنا شراكة مع New Relic لتقديم هذا لجميع عملائنا المميزين ، لكننا وجدنا أن لها مزايا فريدة لمتاجر WooCommerce ، وأردنا التأكد من أنه يمكنك تحقيق أقصى استفادة منها.

وفقًا لـ Built With ، يعد WooCommerce الحل التجاري الأكثر استخدامًا في العالم ، مع أكثر من 7 ملايين عملية تثبيت. يختاره التجار والمطورون لتكامله السلس مع WordPress وقدرته على إنشاء تجارب التسوق وتخصيصها بسرعة. يمنحك تبسيط التطوير باستخدام WooCommerce أساسًا للبدء ويسمح لنا بالوصول إلى الإنتاج بشكل أسرع ، مما يسمح لنا في النهاية بتحقيق المزيد من مشاريعنا.

ولكن بمجرد تشغيل متجرك واستقبال الزيارات ، فإن أحد الأسئلة الأكثر شيوعًا التي نسمعها هو كيف يمكنني تحسين متجري للتحويلات وأين يمكننا الحصول على تقارير أفضل؟ هذا لأن WooCommerce يأتي مع الوظائف الأساسية والأدوات الأساسية. إنهم يعملون خارج الصندوق لمتجر مبتدئ ، ويتضمن ذلك أربعة تقارير قابلة للتكوين: الطلبات ، والعملاء ، والمخزون أو المخزون ، والضرائب.

الآن ، هذا جيد إذا كنت مبتدئًا. ولكن إذا كنت مطورًا ووظيفتك هي التأكد من أن موقعك يتناسب مع حملات معينة ، فإن تقارير WooCommerce العامة ليست كافية تقريبًا لأن التقارير تقتصر على النتائج. ولكن بالنسبة للتحليل الصحي ، يجب أن تكون قادرًا على التعمق للإجابة على كيفية ارتباط أداء موقعك بنتائج موقعك. بدون هذه المعلومات في مكان واحد ، فأنت تبحث عن إبرة في كومة قش. تعتمد متاجر العملاء على التقارير السليمة لاتخاذ قرارات بشأن اكتساب العملاء والاحتفاظ بهم ، واختناقات الأداء ، والحملات التسويقية ، وكيف يتوافق الأداء مع التحويلات ، وفي النهاية تقليل النفقات وزيادة صافي أرباحك.

بدلاً من البحث عن إبرة في كومة قش ، تشبه لوحة أجهزة القياس لدينا مغناطيسًا يسحب الإبرة من أجلك. نحن نعتبرها إضافة رائعة إلى عروض التجارة الإلكترونية لدينا ، مما يتيح لك أن تصبح أكثر ذكاءً في بناء WooCommerce وتحسينه. على سبيل المثال ، يمكنك عرض كيفية تتبع وقت استجابة قاعدة البيانات بالضبط جنبًا إلى جنب مع عدد الطلبات لفترة زمنية محددة. هل موقعك تحجيم؟ أين يمكن تحسين الأداء لزيادة التحويلات؟

لذلك في هذه الجلسة ، نريد أن نكون عمليًا حقًا باستخدام الأدوات التي يمكنك التوحيد عليها لبناء لوحة معلومات يمكن أن توفر لك الوقت وتمنحك تقارير مرنة وقابلة للتوسيع عن المتجر. لهذا السبب يسعدني أن يكون لدي Damien هنا من New Relic لإعطائك نظرة من الداخل حول كيفية تحسين تقارير Woo الخاصة بك من خلال لوحة معلومات حقيقية تم إنشاؤها لأحد أكبر عملاء WP Engine WooCommerce. دامين ، شكرا لانضمامك إلينا. أنا متحمس حقًا للمتابعة.

دامين ديهارت: جوش ، شكرًا لك على استضافتي. يسعدني أن أكون هنا للمساعدة في هذا العرض التقديمي. لذا قبل أن نبدأ ونتحدث عن الحل الفعلي الذي أنشأناه مع أحد أكبر مستهلكي WooCommerce لـ WPE ، أود أن أستغرق ثانية للتحدث عن منصة New Relic ككل.

لذا ، فإن النظام الأساسي الجديد New Relic ، سنركز كثيرًا اليوم على إمكانيات لوحة القيادة و APM وكيف يندمج هذا النوع معًا لإنشاء وظيفة إعداد تقارير أكثر قوة لعملاء WooCommerce. ولكن من المنطقي تقديم مقدمة موجزة عن النظام الأساسي بأكمله وكيف توصلنا إلى هذا القرار وكيف نستفيد من القدرات المختلفة لتحقيق ذلك.

لذلك إذا نظرت إلى الجزء السفلي من هذا الرسم ، فسترى New Relic One. New Relic One هي منصة New 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 حيث نقوم بالفعل بحقن بعض البيانات المخصصة في التطبيق. نحن لا نقوم بحقن البيانات المخصصة في الواقع. لقد وضعنا القليل من البرنامج النصي الذي يسحب بالفعل السمات ، كما نسميها ، أو بيانات وصفية مختلفة حول المستخدم داخل التطبيق الخاص بك ، والتي تم جمعها بالفعل من خلال الوظيفة الإضافية WooCommerce في PHP.

حتى تتمكن من رؤية القسم المميز هنا في الأسفل. نحن في الواقع نقوم بما نسميه إضافة معلمات مخصصة إلى New Relic ، ونضيف البريد الإلكتروني للطلب.

نحن نضيف معاملة New Relic من أجل الخروج بنجاح حتى نتمكن من تتبع وقت شراء العملاء الفعلي للأشياء في موقع الويب. نحن نضيف العناصر الإجمالية في سلة التسوق. نضيف أيضًا جميع المنتجات التي كانت في سلة التسوق ، ونقوم في الواقع بتكرار هذه الحلقات معًا كل منتج على حدة جنبًا إلى جنب مع إجماليات العناصر. ثم نجمع ذلك في الترتيب الإجمالي. ويتم ضخ كل هذه البيانات بالفعل في New Relic ، وهي تتماشى مع جميع البيانات التي نجمعها بالفعل.

لذا ، إذا فكرت في الأمر من منظور الأداء والتحسين ، فهذا يمنحك القدرة على البحث في كل عميل على حدة ومعرفة مقدار الأموال التي أنفقها هذا العميل معي؟ كيف هو أداءهم على الموقع؟ هل واجهوا أي أخطاء؟ هل كانت قاعدة البيانات الخاصة بنا تستغرق وقتًا طويلاً؟ وهذا يسمح لك بخدمة عملائك الكبار والصغار بشكل مناسب أو ربما حتى تجميعهم في مجموعات حتى تتمكن من إجراء تحليل جماعي حول مدى تأثير الأداء على الأعمال اليومية لعملك ونتائجك النهائية ومقدار الأموال التي تحصل عليها. يولد.

لذلك أردت أن أذكر أن هذا لا يقتصر على المعلمات المعروضة. هذه مجرد أشياء نجمعها. ولكن كما يعلم الجميع في هذه المكالمة ، فإن WooCommerce تُنشئ بيانات أكثر بكثير مما نجمعه اليوم ، وبالتالي فإن هذا يعزز ما نسميه السمات المخصصة. ويمكنك أيضًا جمع أي بيانات أخرى تريدها. على سبيل المثال ، إذا كان تطبيقك يجمع اسم المستخدم أو البريد الإلكتروني للمستخدم أو اسم العميل أو طبقة الدعم والقائمة تطول وتطول ، يمكنك أيضًا إدخال هذه المعلمات الإضافية في New Relic ، مما يمنحك مستويات الرؤية التي كنت أتحدث عنها للتو ل.

يمتد هذا إلى استخدامك لـ APM ومراقبة أداء التطبيق لإضافة سياق العمل هذا إلى New Relic ، إلى واجهة المستخدم ، في طبقة البيانات ، وفي النهاية إلى ممارسة عملك ، مما يتيح لك اتخاذ قرار مستنير والحصول على الشراء - من الجميع من مطور إلى كبير موظفي التكنولوجيا لديك وحتى رئيسك التنفيذي في الجانب التجاري. لذلك أردنا التحدث قليلاً أيضًا عن استخدام New Relic Synthetics ، والذي تم تضمينه في اشتراكك في WordPress لإدارة حل WordPress وكيف يمكنك استخدام هذا في التجارة الإلكترونية.

لذا فإن المواد التركيبية New Relic هي أداة اختبار قوية للغاية تعتمد على السيلينيوم ولذا لا نرغب في الإعلان عن أنفسنا كحل لاختبار الإجهاد أو اختبار الحمل ، ولكن ما نقوم به نعلن عن أنفسنا كطريقة لإرسال حركة المرور برمجيًا إلى موقع الويب الخاص بك في من أجل اختبار سيناريوهات محددة للغاية. لذلك هناك عدد من عمليات التحقق المختلفة التي تحصل عليها مع اشتراكك ، مرة أخرى ، لحزمة المراقبة على WP Engine. أول ما سنقوم بتغطيته هو اختبار التوفر.

إذن ، هذا في الأساس عبارة عن اختبار ping لخادم DNS يخبرك ما إذا كان موقع الويب موجودًا في هذه المرحلة الزمنية. لذلك لها استخداماتها. نحن نعتبر هذا نوعًا أساسيًا من الاختبارات التركيبية. ومع ذلك ، هناك بعض الإصدارات الأخرى المتاحة. لذلك لدينا اختبار انتهاء صلاحية شهادة SSL.

إذن هذا هو بالضبط ما يبدو عليه الأمر. أنت تهيئته ليقول ، عندما تنتهي صلاحية الشهادة الخاصة بك ، وسنرسل لك إشعارًا عندما تقترب من هذا التاريخ. لديك أيضًا أداة تتبع ارتباطات الصفحة ، والتي ستظهر لك أي روابط على موقع الويب ، وسنخبرك بالفعل إذا كان لديك روابط معطلة على موقع الويب الخاص بك.

لقد وجدنا أن هذا مفيد بشكل خاص لعملاء التجارة الإلكترونية لأن لديهم في كثير من الأحيان الكثير من روابط المنتجات المختلفة على مواقع الويب الخاصة بهم والتي تتغير. وأحيانًا يكون من الصعب مواكبة ذلك. لذا فإن إجراء اختبار لإخبارك بما هو معطل وما لا يستطيع عملاؤك الوصول إليه هو أمر بالغ الأهمية لضمان تحقيق أقصى قدر من الإيرادات من خلال موقع التجارة الإلكترونية الخاص بك. لدينا أيضًا مراقب أداء تحميل الصفحة ، والذي يقوم بتحميل صفحة كاملة بجميع الأصول ، ويخبرك في الواقع بما تفعله جميع الأصول المختلفة على الصفحة - لذلك إذا كانت لديك صورة كبيرة جدًا ، إذا كان لديك JavaScript الأخطاء المرتبطة بالموقع ، والقائمة تطول وتطول.

وبعد ذلك سنقوم في الواقع بعمل عرض توضيحي تالي حول تنفيذ خطوة أو اختبار وظائف تدفق المستخدم ، وهذا سوف يمر عبر صفحة تسجيل الخروج داخل إحدى بيئاتنا التجريبية. وسيُظهر أي إخفاقات تحدث خلال العملية. لذلك سنمشي عبر أحد العملاء الذين يسجلون الدخول ، ونمر بتدفق الخروج ، ونضع العناصر في عربة التسوق ، ثم نحاول الخروج. وسنرى ما سيحدث هناك. لذلك بدون مزيد من اللغط ، حان وقت العرض.

حسنًا ، ها نحن هنا داخل نيو ريليك. ما تنظر إليه هنا هو الصفحة الرئيسية لـ New Relic. بالنسبة لأولئك الذين ليسوا على دراية بهذه الصفحة ، فإن هذا يعرض جميع الكيانات المختلفة الموجودة في New Relic. وبشكل أساسي ، الكيان هو الشيء الذي يصدر البيانات التي تريد مراقبتها.

لذلك سوف نتحدث عن المواد التركيبية اليوم. وكيف تصل إلى المواد التركيبية هو أن تتنقل إلى الجانب الأيسر هنا ، وترى مراقبة تركيبية على اليسار. يمكنك أيضًا الوصول إلى هناك بالنقر فوق الشاشات الاصطناعية هنا. ولكن من أجل الاكتمال ، سنضغط على ذلك اليوم.

ويمكنك أن ترى أن لدي الكثير من الشاشات داخل حسابي التجريبي هنا. أريد فقط أن أريكم متصفحي المبرمج ، والذي يتحقق من أن تدفق الخروج يعمل. لذلك أنا أعلم أن هذا اسمه تحقق ، وقد تحقق من الاسم. بمجرد أن أكتب ذلك ، يمكنك أن ترى أن هذه هي شاشتي نفسها.

عند الدخول إلى الشاشة ، ترى عددًا من الأشياء. إذن لدينا هذا في الواقع يعمل على ثلاثة مواقع مختلفة. لذلك تراهم هنا: سنغافورة ولندن وبورتلاند. وهذه الثلاثة هي ما تسميه New Relic الأماكن العامة.

لذلك لدينا عدد من المواقع المستضافة في جميع أنحاء العالم في AWS ، مما يتيح لك - يمكنك فعلاً إجراء عمليات تحقق مقابل كل هذه المواقع. لذلك إذا كان لديك البعض مثل موقع ويب عالمي أو شيء من هذا القبيل وتريد اختبار الأداء في جميع أنحاء العالم ، فهذه هي الطريقة التي ستفعل بها ذلك.

يساعد هذا أيضًا في الطلبات الخاصة بشبكات CDN. لنفترض أنك تجري فحصًا وفي سنغافورة يكون الأمر بطيئًا للغاية ، لكن رأسك - مركز بياناتك وكل خدمات الاستضافة الخاصة بك ربما تكون في غرب الولايات المتحدة. قد ترغب في الوقوف على CDN هنا حتى تحصل على أداء ثابت في جميع أنحاء العالم.

إذن في هذا الرسم البياني ، ترى عدد حالات الفشل مقابل عدد عمليات التحقق على مدار الإطار الزمني الذي ننظر إليه في آخر 30 دقيقة. إذا كنت سأقوم بتوسيع هذا ليوم واحد ، يمكنك أن ترى بعض المقاييس هنا تتغير ، لكن هذا مستمر - هذا هنا يظهر بالفعل على مدار الساعتين ونصف الساعة الماضية. أي إخفاقات ستظهر باللون الأحمر.

لذلك نحن في الواقع لا نرى أي إخفاقات في آخر ساعتين ونصف الساعة وترى بعض معلومات التوقيت الأساسية عبر المواقع. عند النزول قليلاً ، ترى بعض مقاييس الأداء أيضًا.

هذا يوضح لك مقاييس أداء تتمحور حول المستخدم. إذاً البايت الأول ، في الأساس ، عندما يكون أي شيء على الصفحة مرئيًا. يشبه الرسم الأول نوعًا ما إذا تم تحميل صورة أو نص أو أي شيء. تحميل الصفحة هو تحميل الصفحة بالكامل ، لذلك عندما يتم تحميل الصفحة بالكامل.

ثم First Contentful Paint هي في الأساس أكبر صورة تم تحميلها على الصفحة. ولذا فإننا نقدم لك معلومات التوقيت لكل ذلك من أجل هذا الفحص. نحن نعرض لك الطلب حسب المجال.

لذا أثناء استدعاء الأشياء في التطبيق نفسه ، ما المدة التي تستغرقها هذه الطلبات - كم عدد هذه الطلبات التي تحدث بمرور الوقت؟ ثم المدة حسب المجال. إذن ما هي المدة التي يستغرقها كل من هؤلاء؟ لدينا newrelicdemo.com الخاص بنا ، والذي يستغرق الأطول ثم متوسط ​​الحجم حسب نوع المورد.

لذلك يمكننا أن نرى بالفعل هنا الصور هي الأكبر هنا. لذلك إذا كانت هناك أي فرص تحسين ، فمن المحتمل أن أبدأ في إلقاء نظرة على الصور الموجودة على هذا الموقع.

ثم أخيرًا ، رموز الاستجابة للخطأ. هذه هي كل الأشياء التي يمكن أن تتوقع رؤيتها. عندما تنشئ فحصًا اصطناعيًا ، سترى أيضًا أن لدينا مجموعة من العلامات هنا. هذه قابلة للتخصيص داخل النظام الأساسي. لذلك إذا كان لديك فريق أو سطح منتج أو موقع ويب محدد أو ربما منتجًا تختبره ، فيمكنك بالفعل وضع علامة عليه بهذه الطريقة. وبعد ذلك يمكنك البحث عن تلك العلامات في النظام الأساسي.

علاوة على ذلك ، أنت ترى عنوان URL. لذا ، إذا قمت بالنقر فوق هذا ، فسيأخذني هذا في الواقع إلى صفحة الويب الخاصة بي ، والتي أراقبها من خلال هذا الفحص. في حالتك ، سيكون موقع التجارة الإلكترونية المباشر الخاص بك. في هذه الحالة ، إنه تطبيقي التجريبي.

حسنًا ، كل هذا جيد وجيد ، ولكن كيف نصل إلى الجزء الذي نتحدث فيه عن الخطأ الذي حدث ، أو ما الخطأ الذي يمكن أن يحدث داخل التطبيق؟ إذن ، لدينا مجموعة من الخيارات المختلفة هنا على الشريط الجانبي الأيسر. لن نركز على أي من هذه الآراء الإضافية ، لكننا سنتحدث عما يفعله كل من هذه الآراء.

بدءًا من الأسفل إلى الأعلى ، تعرض لك علامة التبويب "الإعدادات" في الواقع البرنامج النصي الذي تقوم بتشغيله من الداخل من هنا. يعرض لك بشكل أساسي إعدادات التكوين لشاشتك ، والمواقع التي حددتها. لا أمتلك حقًا هنا لتعديل هذا ، لذا سيُظهر لك ، إليك قائمة بجميع مواقعنا العامة ، كما ناقشنا من قبل. لقد اخترنا 3.

ثم لدينا نص هنا. إذن هذا هو نصنا. إنه مدمج في Node ، ونحن بالفعل نزحف إلى صفحات الويب هذه ، ونحمّل صفحات ويب معينة ، ثم نطبع هذه النتائج في وحدة التحكم.

لديك تقرير هنا أيضًا. لذلك ، بشكل افتراضي ، تحصل أي شاشة تقوم بإنشائها على بعض تقارير اتفاقية مستوى الخدمة ، ولديك القدرة على التنبيه عليها أيضًا.

وبعد ذلك كنا فقط في صفحة الملخص الخاصة بنا. لذلك سأعود إلى ذلك لثانية هنا. وبعد ذلك في قسم المراقبة لديك كل النتائج. لذلك سيُظهر لك هذا جميع نتائج عمليات الفحص نفسها ، والموارد التي تم استهلاكها ، بالإضافة إلى أي إخفاقات حدثت.

لذلك بمجرد النقر فوق هذا ، خلال الـ 24 ساعة الماضية ، نرى معدل نجاح بنسبة 100٪. نرى فشل عمليات التحقق الصفرية. كل شئ على ما يرام. نرى المدة حسب الموقع.

مرة أخرى ، تحدثنا عن متطلبات CDN هذه. يمكنك أن ترى أن بورتلاند منخفضة بشكل ملحوظ ، أو ليست كبيرة ، لكنها أقل قليلاً من أي شيء آخر. لذلك ربما يخبرني ذلك ، مرحبًا ، مركز البيانات الخاص بي أو بنيتي التحتية في غرب الولايات المتحدة.

أريد أداءً ثابتًا في جميع أنحاء العالم. لذلك ربما أضع CDN في بعض هذه المواقع الأخرى. ربما لا أفعل لأنها ليست صفقة كبيرة. متروك لرجال الأعمال لتقرر ذلك.

وبعد ذلك سترى جميع التكرارات المختلفة لهذه الفحوصات. ستراهم حسب الموقع. ستراهم من خلال المدة. تراهم بحجم الاستجابة.

ثم إذا كانت هناك رسالة فشل ، فسترى ذلك أيضًا. يمكنك أيضًا تصفية إخفاقين فقط. لم يكن لدينا أي شيء خلال هذا الإطار الزمني. اسمحوا لي أن أرى ما إذا كنا سنحصل على أي شيء مثير للاهتمام.

أعتقد أنه ليس لدينا أي إخفاقات في هذه الشاشة نفسها. ولكن إذا قمت بالنقر فوق أحد هذه العناصر ، فسأوضح لك كيف تبدو النتائج. مرة أخرى ، هذا اختبار اصطناعي ، يمر عبر صفحات متعددة. لذلك نحن نحاكي ما سيفعله مستخدم حقيقي داخل موقع الويب.

إذن فالتدفق هو أننا هبطنا على هذه الصفحة الرئيسية. هذا ما يحدث داخل تلك الصفحة. لذلك لديك توقيتات تتمحور حول المستخدم.

يمكنك مشاهدة جميع أنواع الأشياء المختلفة التي تم تحميلها على الصفحة. إذن لدينا هنا صورة كبيرة ، صورة كبيرة للغاية هنا - وهذا في الواقع فعلنا هذا عن قصد لعرض هذا.

لكن لديك هذه الصورة الضخمة هنا ، صورة telco.bids هذه ، والتي تستغرق الكثير من الوقت. لذلك إذا كنت سأقول ، انظر ، هناك بعض فرص التحسين التي يمكن القيام بها. شخصيًا ، سيكون هذا أول شيء أركز عليه هو تلك الصورة الضخمة.

العودة إلى التدفق ، صحيح ، لذلك نبدأ في الصفحة الرئيسية. ندخل إلى صفحة تسجيل الدخول. يمكنك أن ترى كل ما يحدث هنا أيضًا ، أي أخطاء في JavaScript أو غير ذلك تحدث ، أي AJAX يحدث ، كل ما سبق.

وبعد ذلك بمجرد تسجيل الدخول ، تتم إعادة توجيههم. لذلك نرى الجدول الزمني لذلك أيضًا ، منظر شلال جميل. نحن نتصفح جميع الصفحات.

لذلك يذهبون إلى صفحة الهاتف ويتصفحون الهواتف. يستغرق العثور على الهاتف الذي يريدونه وقتًا طويلاً. هذا جيّد.

وجدوا الهاتف الفعلي. هذه صفحة فعلية في موقعنا التجريبي لمنتج ما ، لذا فهي صفحة منتج معين. وهنا حيث يبدأ الأمر في أن يصبح ممتعًا. يمكنك النظر في هذا ، ويمكنك أن ترى ، حسنًا ، أريد فقط إلقاء نظرة على أدائهم في هذه الصفحة.

كم من الوقت يستغرق تحميل هذه الصفحة ، وهل الأمر متروك للسعي مع اتفاقيات مستوى الخدمة التي أعيدها إلى عملائي؟ يذهبون إلى صفحة خططهم بحثًا عن الخطط. يقررون خطة.

الآن ، يبحثون عن الهواتف. لذلك نحن نمر بالعملية الكاملة للعميل للعثور على الهواتف التي يريدها ، والعثور على الخطط التي يريدها ، ووضعها جميعًا في عربة التسوق. ينتهي بهم الأمر في عربة التسوق.

لدينا خطأ هنا. لذلك إذا كنت تريد رؤية أي طلبات بها خطأ ، فلدينا هذا الطلب مع طلب HTML هذا هنا ، للوصول إلى هذه الصفحة. هذا طلب صحيح ، كخطأ. لذلك لن أخوض في المسار الكامل لاستكشاف الأخطاء وإصلاحها هنا.

لكن في الأساس ، لدينا سيناريو من المقرر أن يحدث في بيئتنا التجريبية حيث القسيمة نفسها غير صالحة ، وتلقي بخطأ في كل مرة. وهذا يعود إلى نص برمجي خلفي أو جزء من التعليمات البرمجية الخلفية لم يتم تحسينه ، وقد نسينا تحديث القسائم في قاعدة البيانات. من هنا ، يمكنك في الواقع أن ترى في بيئة خاضعة للرقابة ما هي الأخطاء التي يتم إلقاؤها وكيف تعود إلى الأداء في تطبيقك.

وبعد ذلك تمر بعملية السداد. ترى كم من الوقت يستغرق كل شيء هنا. ثم أخيرًا ، هذه هي الصفحة الأخيرة التي وصلوا إليها. حتى اكتمال الخروج.

ويمكنك أن ترى كيف ترى توقيت كل شيء هنا. لديك أيضًا سجل البرنامج النصي ، والذي يظهر لك كل ما حدث هنا. لذلك قاموا بزيارة صفحة تسجيل الدخول وتسجيل الدخول وإضافة خطة الهاتف وإضافة ستة هواتف. أضافوا كل هذه الأشياء إلى عربة التسوق ، ثم قاموا بشراء محتويات العربة ، وكانت العربة فارغة بعد ذلك.

يمكنك أيضًا رؤية سجل المتصفح الذي يظهر لك أي أخطاء حدثت. لدينا مجموعة من الأخطاء النحوية هنا. هذه بيئة تجريبية.

انظر الآن لقد فشلت هنا في تحميل خادم موارد ، استجبت بحالة 500. إذن هذه القسيمة هي مكالمة صالحة التي كنا نتحدث عنها.

لذلك إذا كنت مطورًا ، فسأحيط علما بهذا. أول شيء أراه هو ، مهلا ، لدينا 500 هنا ، ويبدو أنها على صفحة قسيمة. لذا فهم يحاولون تحميل شيء مهم. هذا هو المكان الذي نبدأ فيه الحديث عن فرص تحسين مواقع الويب.

وأخيرًا ، ليس لدي هنا. ولكن إذا فشل الاختبار نفسه ، فسترى قسم لقطة شاشة فشل هنا ، ويعرض لك في الواقع لقطة شاشة للصفحة حيث فشل ، وما كان متوقعًا ، وما كانت النتيجة. لذلك لدينا بيئة عرض توضيحي في مكان ما بالخارج تقوم في الواقع بتقديم ملف فشل عن قصد ، كما أن عملية الدفع - زر الخروج الفعلي الذي من المفترض أن يكون موجودًا مفقودًا. وهذا هو المكان الذي ترى فيه بالفعل نتيجة أي إخفاقات تحدث ، أي أخطاء تحدث. وبشكل أساسي ، فإن أي خطأ فادح أو أي مكون قمت بتوجيه الاختبار للعثور عليه ، إذا لم يتم اكتشافه ، يؤدي إلى فشل الفحص بالكامل.

وعندها سترى لقطة الشاشة. عندها سترى أيضًا الفشل في صفحة الملخص. مرة أخرى ، سترى أنه مضاء باللون الأحمر. وستكون قادرًا على معرفة أين فشلت ، والموقع الذي فشلت فيه ، والطابع الزمني لذلك أيضًا. وبذلك يختتم العرض التوضيحي لاختبار سير العمل الخاص بالمواد التركيبية التي كنا سنختبرها اليوم.

جوش ديلي: شكرًا جزيلاً داميان. لقد كان هذا فائق البصيرة. وآمل أنك كمطورين يشاهدونك أو إذا كنت مالك متجر تاجر بنفسك وأنت تشاهد الآن أنك ترى القيمة المذهلة التي يمكن أن يضيفها شيء مثل New Relic إلى سير عملك في توفير صداع كبير إذا كان هناك شيء ما ينخفض ​​، إذا كان هناك انقطاع أو أشياء أخرى جارية ، ولكنها تساعد أيضًا على التحسن مع النمو.

إذا كنت مهتمًا بـ APM ولا تستخدمه ، وهي ميزة مراقبة أداء التطبيق لدينا ، فتحدث إلى مدير حسابك أو اسأل أي عضو في فريقنا وتعلم كيف يمكنك البدء في الاستفادة من New Relic هنا على WP محرك.

مرة أخرى ، شكراً لك يا داميان. شكرا لكم جميعا. وآمل أن تستمتع ببقية وقتك هنا في DE {CODE}.