Sorun uygulamalardaysa: kurulu Shopify uygulamalarını denetleyin

Shopify mağazalarının çoğu uygulama kurarak büyür ve platform da bunun için tasarlanmıştır. Sorun sonra başlar: tek bir kampanya için kurulan bir uygulama hâlâ her sayfada bir script yükler, iki uygulama aynı işi yapar ve aylık faturada kimsenin açmadığı araçlar vardır. Bunların hiçbiri tek başına bir arıza gibi görünmez; daha yavaş bir mağaza ve daha kabarık bir fatura olarak ortaya çıkar.

Bir uygulama denetiminin amacı küçük bir sayıya inmek değildir. Her uygulamanın ne yaptığını, neye mal olduğunu ve buna hâlâ değip değmediğini bilmektir.

Bir uygulama gerçekte neye mal olur?

• Hız. Vitrine özellik ekleyen uygulamalar genellikle script, stil ya da istek yükler. web.dev, üçüncü taraf kodun sayfaya etkilerini şöyle sıralar: başka sunuculara çok fazla ağ isteği, ana iş parçacığını meşgul tutan JavaScript ve bitene kadar içeriği engelleyen script’ler.
• Ücretler. Her abonelik tek başına küçük görünür. 20 uygulamada ciddi bir kalem olur; bazı uygulamalar Shopify dışından faturalandığı için bunu gözden kaçırmak kolaydır.
• Geride kalan kod. Shopify’ın Yardım Merkezi, bazı uygulamaların temaya uygulama kaldırıldığında otomatik silinmeyen kod eklediği konusunda uyarır.
• Örtüşme. Sayfanın aynı kısmını değiştiren iki uygulama çakışabilir; birkaç uygulama aynı alana dokunduğunda bir hatanın izini sürmek zorlaşır.

1. adım: envanteri çıkarın

Shopify yönetim panelinde Settings > Apps altından, kurulu her uygulama için bir satır olan bir tabloyla başlayın:

Yalnızca yönetim panelinde çalışan uygulamalar ve arka plan senkronları vitrine hiçbir şey yüklemez; bu yüzden hız açısından değil, maliyet ve veri açısından önemlidir. Performans çalışmasında yüzeyi vitrin olan uygulamalara odaklanın.

2. adım: önce gerçek veriyle ölçün

Shopify’ın web performansı raporları üç Core Web Vitals metriğini gösterir: yükleme hızı için Largest Contentful Paint, tepki süresi için Interaction to Next Paint (INP) ve görsel kararlılık için Cumulative Layout Shift. Themes sayfasındaki özet, mağazayı son 30 günün gerçek kullanıcı verisiyle değerlendirir; raporlar varsayılan olarak ziyaretlerin 75. yüzdeliğini gösterir. Raporların tamamı Analytics > Reports altındadır.

Uygulama denetimi için en kullanışlı özellik “zaman içinde” raporlarındadır: numaralı dikey çizgiler uygulama kurulumları, tema güncellemeleri ve yeni kod gibi performansı etkileyebilecek olayları işaretler. Bir metrik belirli bir kurulumdan sonra kötüleştiyse grafik bunu gösterir. İki uyarı: veri 36 saate kadar gecikebilir ve yalnızca son 90 günü kapsar; bu yüzden daha eski kurulumların doğrudan test edilmesi gerekir.

INP için web.dev’in eşikleri şunlardır: 200 milisaniye veya altı iyi, 200’ün üstünden 500’e kadar iyileştirme gerektirir, 500’ün üstü zayıf. Ana iş parçacığını meşgul tutan script’ler genellikle ilk burada kendini gösterir; çünkü her dokunuş onları beklemek zorundadır.

3. adım: her uygulamanın etkisini ayırın

Gerçek kullanıcı verisi bir sorun olup olmadığını söyler. Hangi uygulamanın neden olduğunu bulmak için tek tek test edin:

1. Chrome’da DevTools açıkken bir ürün sayfası ve bir koleksiyon sayfası açın; Network panelinde her uygulamanın alan adından gelen script’leri ve istekleri listeleyin.
2. web.dev’in bu iş için önerdiği DevTools istek engelleme özelliğiyle bir uygulamanın script’lerini engelleyip sayfayı yeniden yükleyin. Aradaki fark, o uygulamanın o sayfadaki yaklaşık maliyetidir.
3. Lighthouse’u uygulamanın script’leriyle ve onlar olmadan çalıştırın. Bu, Shopify’ın bir uygulamanın vitrin etkisini ölçme biçimini yansıtır: Shopify bir uygulama kurulmadan önceki ve sonraki Lighthouse skorlarını karşılaştırır; ürün sayfalarına %40, koleksiyon sayfalarına %43, ana sayfaya %17 ağırlık verir.
4. Uygulamanın gerçekte hangi sayfalarda çalışması gerektiğini not edin. Bir yorum widget’ının yeri ürün sayfalarıdır; her sayfada yükleniyorsa bu israftır.

4. adım: kaldırın, yeniden ayarlayın ya da birleştirin

• Sorumlusu olmayan ve yakın zamanda kullanılmamış uygulamaları kaldırın. web.dev’in üçüncü taraf script’ler için önerisi nettir: bir script açık bir değer katmıyorsa kaldırın.
• Gerekli olan ama her yerde yüklenen uygulamaları yeniden ayarlayın. Shopify, uygulama geliştiricilerine script’leri yalnızca belirli sayfalarda yükleyebilen app embed block’ları kullanmalarını önerir; uygulamayı değiştirmeden önce tema düzenleyicide sayfa ya da şablon bazında ayar olup olmadığına bakın.
• Tema kodunu elle düzenleyen uygulamaları, theme app extension’larla yapılmış uygulamalarla değiştirin; Shopify’a göre bu uzantılar temayı, tema kodunun bütünlüğünü bozmadan genişletir.
• Birkaç uygulamanın her biri tek bir iş akışının bir parçasını karşılıyorsa birleştirin. Bazen tek bir App Store uygulaması hepsini karşılar; bazen iş akışı etrafında kurulmuş tek bir özel uygulamayı işletmek üç abonelikten daha ucuzdur.

Envanterde aranacak kalıplar

Tablo doldurulduğunda birkaç kalıp genellikle göze çarpar. Hiçbiri bir kural değildir; her biri uygulamanın sorumlusuna sorulacak bir sorudur.

• Kampanyadan kalanlar. Biten bir lansman, indirim ya da test için kurulmuş uygulamalar. Kimse ona en son ne zaman ihtiyaç duyulduğunu söyleyemiyorsa kaldırma adayıdır.
• İki uygulama, tek iş. İki açılır pencere uygulaması, iki yorum uygulaması, ürün kartlarına rozet ekleyen iki uygulama. Ekibin gerçekten kullanıp ayarladığını tutun.
• Değeri yönetim panelinde olan vitrin uygulamaları. Faydalı kısmı yönetim panelindeki bir rapor olan, ama kimsenin açmadığı bir özellik için her sayfada bir script de yükleyen bir uygulama. Kaldırmadan önce ayarlarına bakın.
• Shopify dışından faturalanan uygulamalar. Shopify faturasında görünmedikleri için unutmak kolaydır. Kart ekstreleriyle karşılaştırın.
• Önceki temadan kalan uygulamalar. Eski bir temaya elle eklenmiş kod, uygulamanın özellikleri orada kullanılmasa bile şu anki temaya kopyalanmış olabilir.

Uygulamayı temiz kaldırmak

1. Önce veriyi dışa aktarın. Shopify’ın Yardım Merkezi, uygulamaların kaldırıldıktan sonra kurtarılamayan veriler saklayabileceğini belirtir.
2. Ek adımları kontrol edin. Uygulamanın App Store sayfasını okuyun ya da geliştiricisine tema kodunun elle silinmesi gerekip gerekmediğini sorun; sonra bu kodu temanın bir kopyasından silin ve yayınlamadan önce kontrol edin.
3. Faturalamayı kontrol edin. Ücretli bir uygulamayı kaldırmak gelecekteki ücretleri durdurur, ama içinde bulunulan dönem için yine faturalanabilirsiniz. Shopify dışından ücret alan uygulamaların geliştiricisiyle ayrıca iptal edilmesi gerekir.
4. Yeniden ölçün. 36 saate kadar gecikmeyi unutmadan, değişiklikten sonra web performansı raporunu karşılaştırın.

Lintel’in yeri

Lintel’in performans ve teknik SEO işleri bu tür bir denetimi kapsar: bir envanter, kendi sayfalarınızda uygulama bazında ölçümler ve nelerin kaldırılacağını, yeniden ayarlanacağını ya da değiştirileceğini gösteren bir liste; geride kalan tema kodu da temizlenir. Denetim birkaç uygulamanın tek bir iş akışını kötü yürüttüğünü gösterdiğinde bir özel Shopify uygulaması, yerini alacağı aboneliklerle karşılaştırılarak fiyatlanan seçeneklerden biridir. Çoğu zaman cevap basitçe daha az uygulamadır.