New Relic ile WooCommerce Raporlaması

WooCommerce raporlaması geleneksel olarak kuralcı iş ölçümlerine odaklanmıştır. Özelleştirmek de zor olabilir.

Bu oturumda, çevrimiçi mağazanızın performansına ilişkin daha fazla görünürlük elde etmek için New Relic Application Performance Monitoring'i (APM) nasıl kullanabileceğinizi öğrenin; site performansını ve temel iş ölçümlerini aynı panoda izleyin.

Konuşmacılar:

• Joshua Dailey, WP Engine'de Ürün Pazarlama Müdürü
• Damien DeHart, MSP İş Ortağı Mühendisi, New Relic'te Takım Lideri

Oturum Slaytları:

Deşifre metni:

JOSH DAILEY: Herkese merhaba. Josh Dailey, WP Engine e-ticaret çözümünün ürün pazarlama müdürü ve ben son on yılı hem ticaret mağazaları oluşturmak hem de WooCommerce için uzantılar geliştirmek ve piyasaya sürmekle geçirdik. Buradaki işim, e-ticaret çözümümüzü sürekli olarak geliştirmek.

Şu anda, dönüşümleri artırmak ve devam eden mağaza yönetimini basitleştirmek için birkaç benzersiz avantajı olan e-ticaret paketleri sunuyoruz. Buna, mağaza sayfaları önbelleğinizin %90'ını daha fazla sunmak için akıllı önbelleğe almayı kullanan WooCommerce için EverCache, bağlantıları kaybetmeden veya işlevsellik için performanstan ödün vermeden daha fazla eşzamanlı müşteriye daha fazla satış yapmanızı sağlayan Canlı Sepet, daha hızlı ve daha fazlası için ElasticPress tarafından desteklenen Anında Mağaza Arama dahildir. doğru arama, 17 noktalı WooCommerce görsel regresyon testine sahip Akıllı Eklenti Yöneticisi ve ayrıca bir mağazayı kolayca oluşturmak ve büyütmek için WooCommerce için Oluşturucu Araçları.

Ayrıca, araç setinizi genişletmek için uygulama performansı izleme gibi eklentilerimiz de var. Bunu tüm premium müşterilerimize sunmak için yıllardır New Relic ile ortaklık kurduk, ancak bunun WooCommerce mağazaları için benzersiz faydaları olduğunu gördük ve bundan en iyi şekilde yararlanabileceğinizden emin olmak istedik.

Built With'e göre WooCommerce, 7 milyondan fazla yükleme ile dünyanın en çok kullanılan ticaret çözümüdür. Tüccarlar ve geliştiriciler, WordPress ile sorunsuz entegrasyonu ve alışveriş deneyimlerini hızlı bir şekilde oluşturup özelleştirme yeteneği nedeniyle onu seçiyor. WooCommerce ile geliştirmeyi kolaylaştırmak, size başlamak için bir temel sağlar ve üretime daha hızlı başlamamızı sağlar, sonuçta projelerimizden daha fazlasını yapmamızı sağlar.

Ancak mağazanız çalışmaya başladığında ve trafik aldığında, duyduğumuz en yaygın sorulardan biri, mağazamı dönüşümler için nasıl optimize edebilirim ve nereden daha iyi raporlama alabiliriz? Bunun nedeni, WooCommerce'in temel işlevsellik ve temel araçlarla birlikte gelmesidir. Bir başlangıç ​​mağazası için kutunun dışında çalışırlar ve bunlar dört yapılandırılabilir rapor içerir: siparişler, müşteriler, stok veya envanter ve vergiler.

Şimdi, yeni başlayan biriyseniz bu iyi. Ancak bir geliştiriciyseniz ve işiniz sitenizin belirli kampanyalar için ölçeklenmesini sağlamaksa, genel WooCommerce raporları neredeyse yeterli değildir çünkü raporlar sonuçlarla sınırlıdır. Ama sağlıklı– ama sağlıklı bir analiz için, sitenizin performansının sitenizin sonuçlarıyla nasıl bağlantılı olduğunu yanıtlamak için detaya inebilmeniz gerekir. Bu bilgi tek bir yerde olmadan, samanlıkta iğne arıyorsunuz demektir. Müşteri mağazaları, müşteri edinme ve elde tutma, performans darboğazları, pazarlama kampanyaları, performansın dönüşümlerle nasıl örtüştüğü ve nihayetinde giderleri azaltma ve kârlılığınızı artırma konularında kararlar almak için sağlıklı raporlamaya güvenir.

Gösterge panelimiz samanlıkta iğne aramak yerine iğneyi sizin için çeken bir mıknatıs gibidir. WooCommerce'i oluşturma ve optimize etme konusunda daha akıllı olmanızı sağlayan, e-ticaret teklifimize harika bir katkı olarak görüyoruz. Örneğin, veritabanı yanıt süresinin, belirli bir dönem için sipariş sayılarıyla birlikte nasıl takip edildiğini tam olarak görüntüleyebilirsiniz. Siteniz ölçekleniyor mu? Dönüşümleri artırmak için performans nerede optimize edilebilir?

Dolayısıyla bu oturumda, size zaman kazandırabilecek ve size esnek, genişletilebilir mağaza raporlaması sağlayabilecek bir pano oluşturmak için standartlaştırabileceğiniz araçları gerçekten pratik hale getirmek istiyoruz. Bu nedenle, New Relic'ten Damien'ın, en büyük WP Engine WooCommerce müşterilerimizden biri için oluşturulmuş gerçek dünya gösterge panosuyla Woo raporlamanızı nasıl geliştirebileceğinize içeriden bir bakış sunması için burada olmasından memnunum. Damien, bize katıldığın için teşekkürler. Takip edeceğim için gerçekten heyecanlıyım.

DAMIEN DEHART: Josh, beni kabul ettiğin için teşekkürler. Bu sunuma yardımcı olmak için burada olmaktan mutluluk duyuyorum. Bu yüzden, WPE'nin en büyük WooCommerce tüketicilerinden biriyle oluşturduğumuz asıl çözüm hakkında konuşmaya başlamadan önce, New Relic platformundan bir bütün olarak bahsetmek istiyorum.

Bu nedenle, yeni New Relic platformu, bugün pano oluşturma yeteneklerine ve APM'ye ve bunların WooCommerce müşterileri için daha sağlam bir raporlama işlevi oluşturmak için nasıl bir araya geldiğine odaklanacağız. Ancak platformun tamamı ve bu karara nasıl vardığımız ve bunu gerçekleştirmek için farklı yeteneklerden nasıl yararlandığımız hakkında kısa bir giriş yapmak mantıklıdır.

Bu grafiğin altına bakarsanız, New Relic One'ı göreceksiniz. New Relic One, New Relic platformudur. Arama sonuçları için her gün Google'ın yaptığından daha fazla isabet alan devasa bir zaman serisi veritabanı üzerine kuruludur.

Bu platformun üstünde, gördüğünüz tüm farklı yetenekler var: tarayıcı, Sentetikler, mobil, New Relic APM ve altyapı. Bunların tümü, telemetri verilerini New Relic'e yayar ve bunları son müşterilerimiz WPE'ye ve onların tüm müşterilerine sağladığımız ve panolar, özelleştirilmiş uyarılar ve farklı şeyler oluşturmak için kullanmaları ve farklı iş içgörüleri oluşturmaları için kullanırız. New Relic platformunda sahip olabilecekleri kullanım durumlarından herhangi biri.

Bu nedenle, WPE'nin en büyük WooCommerce tüketicilerinden biriyle bir pano oluşturduk. Ve burada sağda, oluşturduğumuz kontrol panelinin anlık görüntüsünü gösteren ekran görüntüsünü görüyorsunuz. Ve New Relic kontrol panelinden ve yeteneklerinden yararlanmanın başlıca avantajlarından bahsetmek için bir saniyenizi ayırmak istiyorum.

Önceki slaytta bahsettiğimiz gibi, New Relic, günlük olarak Google'ın yaptığı aramalardan daha fazla isabet gören devasa bir zaman serisi veritabanıdır. Ve bu nedenle, bu veritabanını ölçek ve performans için oluşturduk. Pano oluşturma ve belki de WooCommerce'in raporlama ile sahip olabileceği farklılıklar hakkında düşünmeye başladığınızda, bu, verileri ölçekte aramak için amaca yönelik oluşturulmuş bir çözümdür. Bunun anlamı, size işletmeniz için en kritik performans ölçütlerini gerçek zamanlı olarak takip etme yeteneği veriyoruz.

Ayrıca size, New Relic'in içinde saklanan istediğiniz herhangi bir veriyle bir kontrol paneli oluşturma yeteneği de veriyoruz. Bunun için kodlama yapmanıza gerek yok. SQL'imizi, yani SQL karşıtı dilimiz anlamanız gerektiğini söyleyerek bunu biraz geri çekeceğim. Ama temel olarak, eğer SQL'i biliyorsanız, New Relic'i de bilirsiniz. Ayrıca tüm yığındaki sorunları daha hızlı teşhis etmenize olanak tanır.

Dolayısıyla, ister WooCommerce'de çalışan uygulamanızdan, ister JavaScript hatası gibi müşterilerinizin uygulamanızın kendisindeki ön uç etkileşimlerine kadar, New Relic platformuna aldığınız tüm verileri izleyebilirsiniz. New Relic ile tek bir yerde. Ve son olarak, ana hedefimiz, iş sonuçlarını optimize etmek için veriye dayalı kararları yönlendirmek.

Peki bunu nasıl yaparız? Bu kontrol paneline baktığımızda, alışveriş sepeti toplamları, sipariş toplamları, Google oturum kimlikleri vb. hakkında gerçekten çok güzel ölçümler görüyoruz. Ve size, müşterinin ne yaptığını, performansının nasıl olduğunu, sepette ne kadar para olduğunu, hatta alışveriş sepetini terk etme oranları gibi şeyleri görebilmeniz için her bir oturumu derinlemesine inceleme olanağı sunuyoruz.

Ancak bu aramada herkesin bilmek istediği asıl soru, ""ne yaptık?" Perde arkasında olan teknik şeyler neler? Bunu yapabilmek için New Relic APM'nin nasıl çalıştığını tekrar anlamamız gerekiyor.

New Relic APM, kendisini PHP WordPress uygulamanızın kod düzeyine yerleştirir ve o uygulamadan yapılan ve bu uygulamadan yapılan her bir aramayı görmenizi sağlar. Ve bu, New Relic'i, uygulamanızın kullanıcıları hakkında gerçek zamanlı olarak veri toplayabilmeniz için benzersiz bir yere yerleştirir. Ve burada gördüğünüz şey, uygulamaya gerçekten bazı özel veriler enjekte ettiğimiz VS Code'dan bir ekran görüntüsü. Aslında özel verileri enjekte etmiyoruz. Oraya, bizim deyimimizle öznitelikleri veya uygulamanızın içindeki kullanıcı hakkında PHP'deki WooCommerce eklentisi tarafından zaten toplanmakta olan farklı meta verileri ortaya çıkaran küçük bir betik koyduk.

Böylece vurgulanan bölümü burada altta görebilirsiniz. Aslında New Relic'e özel parametreler ekleme dediğimiz şeyi yapıyoruz ve sipariş e-postası ekliyoruz.

Müşterilerin web sitesinde gerçekten bir şeyler satın aldıklarını takip edebilmek için başarılı ödeme için bir New Relic işlemi ekliyoruz. Sepete toplam ürün ekliyoruz. Ayrıca, sepetteki tüm ürünleri ekliyoruz ve satır öğesi toplamlarıyla birlikte her bir ürünü birlikte döngüye sokuyoruz. Ve sonra bunu aslında bir sipariş toplamında topluyoruz. Ve tüm bu veriler aslında New Relic'e aktarılıyor ve halihazırda topladığımız tüm verilerle uyumlu.

Dolayısıyla, bunu performans ve optimizasyon açısından düşünürseniz, bu size her bir müşteriyi derinlemesine inceleme ve bu müşterinin benimle ne kadar para harcadığını görme yeteneği verir. Web sitesindeki performansları nasıl? Herhangi bir hata yaşadılar mı? Veritabanımız çok mu uzun sürüyordu? Bu, büyük ve küçük müşterilerinize yeterince hizmet vermenize veya hatta belki onları gruplar halinde gruplandırmanıza olanak tanır; oluşturmak.

Bu yüzden, bunun gösterilen parametrelerle sınırlı olmadığını belirtmek istedim. Bunlar sadece topladığımız şeyler. Ancak bu görüşmedeki herkesin bildiği gibi, WooCommerce bugün topladığımızdan çok daha fazla veri üretiyor ve bu nedenle bu, özel nitelikler dediğimiz şeyden yararlanıyor. Ayrıca istediğiniz diğer verileri de toplayabilirsiniz. Örneğin, uygulamanız kullanıcı adını veya kullanıcı e-postasını veya müşteri adını veya destek katmanını topluyorsa ve liste uzayıp gidiyorsa, bu ek parametreleri New Relic'e de enjekte edebilirsiniz; bu size az önce bahsettiğim görünürlük düzeylerini verir. ile ilgili.

Bu, iş bağlamını New Relic'e, kullanıcı arayüzüne, veri katmanına ve nihayetinde işinizin pratiğine eklemek için APM ve Uygulama Performansı İzleme kullanımınıza kadar uzanır, bu da daha bilinçli bir karar vermenize ve satın almanıza olanak tanır. - bir geliştiriciden CTO'nuza ve hatta iş dünyasındaki CEO'nuza kadar herkesten gelir. Bu nedenle, WordPress aboneliğinize dahil olan New Relic Synthetics'i WordPress çözümünü yönetmek için kullanmaktan ve bunu e-ticaret için nasıl kullanabileceğinizden biraz bahsetmek istedik.

Yani New Relic sentetikleri, Selenyum tabanlı çok sağlam bir test aracıdır ve bu nedenle kendimizi bir stres testi veya yük testi çözümü olarak tanıtmayı sevmiyoruz, ancak web sitenize programlı olarak trafik göndermenin bir yolu olarak kendimizi tanıtıyoruz. çok özel senaryoları test etmek için. Dolayısıyla, yine WP Engine'deki izleme paketine aboneliğinizle aldığınız bir dizi farklı kontrol var. İlk ele alacağımız kullanılabilirlik testidir.

Yani bu, temel olarak, web sitesinin bu noktada var olup olmadığını söyleyen DNS sunucusuna yapılan bir ping'dir. Yani kullanımları var. Bunu temel bir sentetik test türü olarak görüyoruz. Bununla birlikte, başka bazı sürümler de mevcuttur. Yani SSL sertifikası süre sonu testimiz var.

Yani kulağa tam olarak böyle geliyor. Sertifikanızın süresinin dolduğunu söyleyecek şekilde yapılandırırsınız ve bu tarihe yaklaştığınızda size bir bildirim göndeririz. Ayrıca size web sitesindeki bağlantıları gösterecek olan Sayfa Bağlantısı Tarayıcınız da var ve web sitenizde kopuk bağlantılar olup olmadığını gerçekten size söyleyeceğiz.

Bunu özellikle e-ticaret müşterileri için yararlı bulduk, çünkü çoğu zaman web sitelerinde değişen birçok farklı ürün bağlantısı var. Ve bazen, buna ayak uydurmak zor. Bu nedenle, size neyin bozuk olduğunu ve müşterilerinizin neye erişemediğini söyleyen bir test yaptırmak, e-ticaret sitenizden maksimum gelir elde ettiğinizden emin olmak için çok önemlidir. Ayrıca, tüm varlıklarla tam sayfa yüklemesi yapan ve aslında size sayfadaki tüm farklı varlıkların ne yaptığını söyleyen bir Sayfa Yükleme Performansı İzleyicimiz var; bu nedenle, çok büyük bir resminiz varsa, JavaScript'iniz varsa web sitesiyle ilişkili hatalar ve liste uzayıp gidiyor.

Ve sonra adım yürütme veya kullanıcı akışı işlevsellik testi hakkında bir demo yapacağız ve bu, demo ortamlarımızdan birinin içindeki bir ödeme sayfasından geçilecek. Ve süreç boyunca meydana gelen arızaları gösterecek. Bu nedenle, oturum açan, ödeme akışından geçen, sepete ürün yerleştiren ve ardından ödeme yapmaya çalışan bir müşterinin üzerinden geçeceğiz. Ve orada ne olacağını göreceğiz. Yani daha fazla uzatmadan, demo zamanı.

Pekala, işte New Relic'in içindeyiz. Tam burada baktığınız şey, New Relic'in ana sayfası. Bu sayfaya aşina olmayanlar için bu, New Relic'te var olan tüm farklı varlıkları gösterir. Temel olarak varlık, izlemek istediğiniz verileri yayan bir şeydir.

Bugün sentetikler hakkında konuşacağız. Ve sentetiklere nasıl ulaşırsınız, burada sol tarafa gidersiniz ve solda sentetik izlemeyi görürsünüz. Buraya sentetik monitörlere tıklayarak da ulaşabilirsiniz. Ancak bütünlük adına, bugün buna tıklayacağız.

Ve burada demo hesabımda tonlarca monitörüm olduğunu görebilirsiniz. Size ödeme akışının çalıştığını doğrulayan betikli tarayıcımı göstermek istiyorum. Bu yüzden bunun doğrulama olarak adlandırıldığını biliyorum, adı doğruladı. Bunu yazdıktan sonra, bunun benim monitörüm olduğunu görebilirsiniz.

Monitöre girerken bir takım şeyler görürsünüz. Yani aslında bunu üç farklı yere karşı yürütüyoruz. Onları burada görüyorsunuz: Singapur, Londra ve Portland. Ve bu üçü, New Relic'in halka açık yerler dediği şey.

Bu nedenle, AWS'de dünya çapında bir dizi barındırılan konumumuz var, bu da sizin aslında tüm bunlara karşı kontroller yapmanızı sağlıyor. Dolayısıyla, küresel bir web siteniz veya buna benzer bir şeyiniz varsa ve dünya çapında performansı test etmek istiyorsanız, bunu böyle yaparsınız.

Bu aynı zamanda CDN'lere yönelik isteklerde de yardımcı olur. Diyelim ki bir çek çalıştırıyorsunuz ve Singapur'da çok yavaş, ancak kafanız – veri merkeziniz ve tüm barındırma hizmetiniz belki de Batı ABD'de. Dünya çapında kalıcı bir performans elde etmek için burada bir CDN oluşturmak isteyebilirsiniz.

Yani bu grafikte, son 30 dakika içinde baktığımız zaman çerçevesindeki kontrol sayısına karşı başarısızlık sayısını görüyorsunuz. Bunu bir güne genişletecek olursam, buradaki bazı metriklerin değiştiğini görebilirsiniz, ancak bu gidiyor – buradaki aslında son 2 ve 1/2 saati gösteriyor. Herhangi bir başarısızlık kırmızı renkte görünür.

Bu nedenle, aslında son 2 ve 1/2 saatte herhangi bir arıza görmüyoruz ve konumlar arasında bazı temel zamanlama bilgileri görüyorsunuz. Biraz aşağı indiğinizde, bazı performans ölçütlerini de görürsünüz.

Yani bu size kullanıcı merkezli performans ölçümlerini gösteriyor. Yani ilk bayt, temel olarak, sayfada herhangi bir şey göründüğünde. İlk boya, bir resim veya metin veya herhangi bir şey yüklenmiş gibi. Sayfa yüklemesi, tüm sayfa yüklemesidir - yani bir sayfa tamamen yüklendiğinde.

Ve sonra First Contentful Paint, temelde sayfaya yüklenen en büyük resimdir. Ve böylece size bu kontrol için tüm bunların zamanlama bilgisini veriyoruz. Size etki alanına göre istek gösteriyoruz.

Yani, uygulamanın kendisinde bir şeyler ararken, bunların yapılması ne kadar sürüyor – bu isteklerden kaç tanesi zaman içinde gerçekleşiyor? Ve sonra etki alanına göre süre. Peki bunların her biri ne kadar sürüyor? Kaynak türüne göre en uzun ve ardından ortalama boyutu alan newrelicdemo.com'a sahibiz.

Yani burada zaten resimlerin buradaki en büyük olduğunu görebiliyoruz. Yani herhangi bir optimizasyon fırsatı olsaydı, muhtemelen bu sitedeki resimlere bakmaya başlardım.

Ve son olarak, hata yanıt kodları. Yani bunlar, görmeyi bekleyebileceğiniz her şey. Yapay bir çek oluşturduğunuzda, burada bir sürü etiketimiz olduğunu da göreceksiniz. Bunlar platformun içinde özelleştirilebilir. Dolayısıyla, bir ekibiniz veya bir ürün yüzeyiniz veya belirli bir web siteniz veya test ettiğiniz bir ürününüz varsa, onu gerçekten bu şekilde etiketleyebilirsiniz. Ve sonra bu etiketleri platformda arayabilirsiniz.

Ayrıca, URL'yi görüyorsunuz. Yani buna tıklasaydım, bu beni aslında bu çekle izlediğim web sayfama götürürdü. Sizin durumunuzda, canlı e-ticaret siteniz olacaktır. Bu durumda, bu benim demo uygulamam.

Tamam, bunların hepsi iyi ve güzel, ama neyin yanlış gittiği veya uygulamada neyin yanlış gidebileceği hakkında konuştuğumuz kısma nasıl geleceğiz? Bu konuda, sol kenar çubuğunda bir sürü farklı seçeneğimiz var. Bu görüşlerin hiçbirine daha fazla odaklanmayacağız, ancak bunların her birinin ne yaptığı hakkında konuşacağız.

Aşağıdan başlayarak, Ayarlar sekmesi aslında size burada hangi komut dosyasını çalıştırdığınızı gösterir. Temel olarak monitörünüz için yapılandırma ayarlarını, seçtiğiniz konumları gösterir. Aslında burada bunu düzenleme haklarına sahip değilim, bu yüzden size daha önce tartıştığımız gibi tüm halka açık konumlarımızın bir listesini göstereceğim. 3'ü seçtik.

Ve sonra burada bir senaryomuz var. Yani bu bizim senaryomuz. Düğümde yerleşiktir ve aslında bu web sayfalarını tarıyoruz, belirli web sayfalarını yüklüyoruz ve ardından bu sonuçları konsolda yazdırıyoruz.

Burada da raporlamanız var. Dolayısıyla, varsayılan olarak, oluşturduğunuz herhangi bir monitör bazı SLA raporları alır ve bunlar hakkında da uyarı verme olanağına sahipsiniz.

Ve sonra tam da özet sayfamızdaydık. Burada bir saniyeliğine buna geri döneceğim. Ardından, izleme bölümünde tüm sonuçlarınız bulunur. Böylece bu size kontrollerin tüm sonuçlarını, hangi kaynakların tüketildiğini ve meydana gelen arızaları gösterecektir.

Buna bir kez tıkladığımda, son 24 saatte %100 başarı oranı görüyoruz. Sıfır kontrollerinin başarısız olduğunu görüyoruz. Her şey yolunda. Süreyi konuma göre görüyoruz.

Tekrar, bu CDN gereklilikleri hakkında konuştuk. Portland'ın önemli ölçüde düşük olduğunu veya önemli ölçüde olmadığını, ancak her şeyden biraz daha düşük olduğunu görebilirsiniz. Belki de bu bana, hey, veri merkezim veya altyapımın ABD Batı'da olduğunu söylüyor.

Dünya çapında tutarlı bir performans istiyorum. Belki de bu diğer konumlardan bazılarına bir CDN koydum. Belki de öyle büyük bir anlaşma olmadığı için yapmıyorum. Buna karar vermek işletmeye kalmış.

Ve sonra bu kontrollerin tüm farklı oluşumlarını göreceksiniz. Bunları konuma göre göreceksiniz. Bunları süreye göre göreceksiniz. Bunları yanıt boyutuna göre görürsünüz.

Ve sonra bir başarısızlık mesajı varsa, onu da görürsünüz. Ayrıca yalnızca iki arızayı filtreleyebilirsiniz. Bu zaman diliminde hiçbirimiz yoktu. Bakalım ilginç bir şey bulabilecek miyiz?

Sanırım bu monitörün kendisinde herhangi bir arızamız yok. Ama bunlardan birine tıklarsam, sonuçların nasıl olduğunu size gösteririm. Tekrar ediyorum, bu birden fazla sayfadan geçen sentetik bir test. Yani gerçek bir kullanıcının web sitesinde ne yapacağını taklit ediyoruz.

Yani akış, bu ana sayfaya inmemizdir. Bu sayfanın içinde olan budur. Böylece kullanıcı merkezli zamanlamalarınız olur.

Sayfaya yüklenen tüm farklı türde şeyleri görebilirsiniz. Burada büyük bir görüntümüz var, çok büyük bir görüntü bu – ve bu aslında bunu, bunu göstermek için bilerek yaptık.

Ama burada çok büyük bir görüntü var, bu teleco.bids görüntüsü, çok zaman alıyor. Öyleyse, bak, yapılabilecek bazı optimizasyon fırsatları var diyecek olursam. Şahsen, odaklandığım ilk şey bu olurdu, o devasa görüntü.

Akışa geri dönelim, yani ana sayfadan başlayalım. Giriş sayfasına giriyoruz. Burada meydana gelen her şeyi, meydana gelen herhangi bir JavaScript veya başka türlü hataları, meydana gelen herhangi bir AJAX'ı, yukarıdakilerin hepsini görebilirsiniz.

Ve giriş yaptıklarında, yeniden yönlendirilirler. Bu yüzden zaman çizelgesini de görüyoruz, güzel şelale manzarası. Tüm sayfalardan geçiyoruz.

Böylece telefon sayfasına gidiyorlar ve telefonlara göz atıyorlar. İstedikleri telefonu bulmaları uzun zaman alıyor. Bu iyi.

Gerçek telefonu bulurlar. Bu, bir ürünün demo web sitesindeki gerçek bir sayfadır, yani belirli bir ürün sayfasıdır. Ve işte burada ilginçleşmeye başlıyor. Buna bakabilirsin ve tamam, sadece bu sayfadaki performanslarına bakmak istiyorum.

Bu sayfanın yüklenmesi ne kadar sürüyor ve müşterilerime geri verdiğim HDS'lere uygun mu? Plan aramak için planlar sayfasına giderler. Bir plana karar verirler.

Şimdi, telefonları arıyorlar. Bu nedenle, bir müşterinin istediği telefonları bulma, istediği planları bulma ve hepsini alışveriş sepetine koyma sürecinden geçiyoruz. Sonunda alışveriş sepetine düşerler.

Burada bir hatamız var. Hatalı herhangi bir istek görmek istiyorsanız, bu HTML isteğiyle birlikte bu sayfaya gidiyoruz. Bu geçerli bir istek, bir hata olarak. Bu yüzden burada tam sorun giderme yolundan geçmeyeceğim.

Ancak temel olarak, kuponun kendisinin geçerli olmadığı ve her seferinde bir hata verdiği demo ortamımızda gerçekleşecek şekilde ayarlanmış bir senaryomuz var. Ve bu, optimize edilmemiş bir arka uç komut dosyasına veya arka uç kod parçasına kadar uzanır ve veritabanındaki kuponları güncellemeyi unuttuk. Dolayısıyla buradan, kontrollü bir ortamda hangi hataların atıldığını ve bunun uygulamanızdaki performansa nasıl geri döndüğünü görebilirsiniz.

Ardından ödeme sürecinden geçersiniz. Burada her şeyin ne kadar sürdüğünü görüyorsun. Ve son olarak, bu geldikleri son sayfadır. Yani ödeme tamamlandı.

Ve burada her şey için zamanlamayı nasıl gördüğünüzü görebilirsiniz. Ayrıca, burada meydana gelen her şeyi size gösteren bir komut dosyası günlüğünüz de var. Böylece giriş sayfasını ziyaret ettiler, giriş yaptılar, telefon planı eklediler, altı telefon eklediler. Tüm bunları sepete eklediler ve ardından sepet içeriğini satın aldılar ve bundan sonra sepet boştu.

Ayrıca meydana gelen hataları gösteren bir tarayıcı günlüğü de görürsünüz. Burada bir sürü sözdizimi hatası var. Bu bir demo ortamıdır.

Şimdi bakın, burada bir kaynak sunucusunu yükleyemediniz, 500 durumuyla yanıt verdiniz. Yani bu, bahsettiğimiz kupon geçerli bir çağrıdır.

Yani bir geliştirici olsaydım, bunu not alırdım. Gördüğüm ilk şey, hey, burada bir 500 var ve bir kupon sayfasında görünüyor. Yani önemli bir şey yüklemeye çalışıyorlar. İşte burası, web sitesi optimizasyon fırsatları hakkında konuşmaya başladığımız yer.

Ve son olarak, burada yok. Ancak kontrolün kendisi başarısız olursa, burada bir başarısızlık ekran görüntüsü bölümü görürsünüz ve aslında size başarısız olduğu sayfanın ekran görüntüsünü, bekleneni ve sonucun ne olduğunu gösterir. Bu yüzden, dışarıda bir yerde, kasıtlı olarak bir arızayı dosyalayan bir demo ortamımız var ve ödeme – orada olması gereken gerçek ödeme düğmesi eksik. Ve böylece meydana gelen herhangi bir arızanın, meydana gelen herhangi bir hatanın sonucunu gerçekten gördüğünüz yer burasıdır. Ve temel olarak, testi bulması için yönlendirdiğiniz herhangi bir kritik hata veya herhangi bir bileşen, algılanmazsa, tüm kontrol için bir başarısızlık oluşturur.

İşte o zaman ekran görüntüsünü göreceksiniz. İşte o zaman o özet sayfasındaki başarısızlığı da göreceksiniz. Yine, kırmızı olarak yandığını göreceksiniz. Ve nerede başarısız olduğunu, hangi konumda başarısız olduğunu ve bunun için zaman damgasının ne olduğunu görebileceksiniz. Böylece, bugün test edeceğimiz sentetik kontrol iş akışı testinin demosu sona eriyor.

JOSH DAILEY: Çok teşekkürler, Damien. Bu süper anlayışlı oldu. Ve umarım izleyen geliştiriciler olarak veya kendiniz bir tüccar mağazası sahibiyseniz ve şu anda izliyorsanız, New Relic gibi bir şeyin iş akışınıza ekleyebileceği inanılmaz değeri gördüğünüzü ve sizi büyük bir baş ağrısından kurtarmasını umuyorum. devam eden kesintiler ve diğer şeyler varsa, aynı zamanda sadece büyüme ile gelişmeye yardımcı oluyorsa azalır.

APM ile ilgileniyorsanız ve Uygulama Performansı İzleme özelliğimiz olan APM'yi kullanmıyorsanız, hesap yöneticinizle görüşün veya ekibimizin herhangi bir üyesine sorun ve WP'de New Relic'ten yararlanmaya nasıl başlayabileceğinizi öğrenin. Motor.

Damien'a bir kez daha teşekkür ederim. Hepinize teşekkür ederim. Ve umarım burada, DE{CODE}'da geçirdiğiniz zamanın tadını çıkarırsınız.