Özelleştirilmiş temanızın size pahalıya patladığının işaretleri

Neredeyse her Shopify mağazası temasını düzenler: burada özel bir bölüm, şurada bir uygulama snippet’i, iki yıl önce bir freelancer’ın yaptığı bir düzeltme. Bunların hiçbiri tek başına sorun değil. Sorun, düzenlemeler birinin belgeleyebileceğinden hızlı birikmeye başladığında ve tema, işletmenin neyi ne zaman değiştirebileceğini belirler hâle geldiğinde ortaya çıkar.

Tema düzenleyici değişiklikleri ve kod düzenlemeleri

Maliyetin çoğunu belirleyen ayrım, değişikliğin nerede yapıldığıdır. Shopify bir Theme Store temasının yeni sürümünü yayınladığında bunu taslak temalarınıza ekleyebilirsiniz ve tema düzenleyicide yapılan her şey kopyalanır: ayarlar ile bölümlerin ve blokların eklenmesi, yeniden sıralanması, kaldırılması ya da gizlenmesi.

Kod düzenlemeleri farklıdır. Yalnızca güncellemeyle çakışmıyorlarsa aktarılırlar. Çakışıyorlarsa Shopify temayı “Theme added: code edits could not be included” mesajıyla ekler; kod düzenleme kılavuzu da uyumsuz değişikliklerin güncellenmiş kopyada tamamen kaldırıldığını belirtir. Shopify’ın önerisi, güncellemeden önce özelleştirilmiş kodun bir kopyasını kaydetmektir. Bundan ayrı olarak Shopify, görünümü, içeriği ya da ayarları değiştirmeden hata veya güvenlik sorunlarını gideren otomatik güncellemeler de gönderebilir.

Yani çoğunlukla düzenleyicide özelleştirilmiş bir tema güncelleme yolunda kalır. Çoğunlukla kodda özelleştirilmiş bir tema ise o yoldan yavaş yavaş çıkar.

Özelleştirmenin size pahalıya patladığını gösteren sekiz işaret

1. Tema güncellemelerini atlıyorsunuz. Kimse düzenlemeleri yeniden yapmak istemediği için tema birkaç sürüm geride. Sonraki sürümlerdeki yeni özellikler ve düzeltmeler size ulaşmıyor.
2. Neyin değiştirildiğini kimse söyleyemiyor. Hangi dosyaların orijinal temadan farklı olduğuna dair bir kayıt yok. Shopify’ın Timeline görünümü dosyaları tek tek geri yükler, silinmiş dosyaları kurtaramaz ve geçmişi sınırlıdır; yani sürüm kontrolünün yerini tutmaz.
3. Tema listeniz yedekleme sisteminiz olmuş. Her biri “iyi sürüm” tahmini olan çoğaltılmış temalar, değişikliklerin başka hiçbir yerde takip edilmediğinin işaretidir.
4. Kaldırdığınız uygulamalar hâlâ yükleniyor. Shopify, bazı uygulamaların temaya, uygulama kaldırıldığında silinmeyen kod eklediğini belirtir. Eski snippet’ler ve script’ler her sayfada çalışmaya ya da hata vermeye devam eder.
5. Uygulamalar app block kullanmak yerine tema dosyalarını düzenliyor. Theme app extension olarak geliştirilen uygulamalar tema kodunu düzenlemez; Shopify’a göre bu, işleri bozan değişiklik riskini azaltır. Tema dosyalarına kod enjekte eden uygulamalar ise yığına ekleme yapar.
6. Shopify Destek yardım edemiyor. Destek ekibi, önemli kod değişiklikleri ya da Partner’lar dahil üçüncü tarafların yazdığı kodu içeren temaları özelleştirmez ve bunlarda sorun gidermez. Her sorun bir geliştirici talebine dönüşür.
7. Basit içerik değişiklikleri geliştirici gerektiriyor. Bölüm ayarları ya da metafield’lar (meta alanlar) yerine şablonlara gömülmüş metinler, görseller ya da ürün bilgileri, ekibin mağazayı kod düzenlemeden değiştiremeyeceği anlamına gelir.
8. Katalog büyüdükçe sayfalar yavaşlıyor. Shopify, iç içe geçmiş Liquid döngülerini yüksek time to first byte’ın, yani sunucunun yanıt süresinin en yaygın nedeni olarak gösterir; bu döngüler katalog büyüklüğüyle karesel olarak büyür. Render’ı engelleyen uygulama script’leri de buna eklenir. Temayı suçlamadan önce saha verisine bakın; performans çalışması oradan başlar.

Pratikte maliyeti ne?

Maliyet nadiren tek bir fatura olarak görünür. Sürtünme olarak görünür: düzenleyicide beş dakika sürmesi gerekirken bir talep açtıran kampanya bannerı; bir yıl ertelenen bir güncelleme; temiz kaldırılamayan bir uygulama; kimse neyin nerede yüklendiğini bilmediği için izi sürülemeyen bir hız sorunu. Yukarıdaki işaretler, bu durumu kimsenin planlamadığı bir yeniden kuruluma dönüşmeden önce tanımanın yoludur.

Kendi başınıza yapabileceğiniz kısa bir denetim

1. Temel temayı ve sürümünü belirleyin. Theme Store’daki aynı temanın en son sürümüyle karşılaştırın.
2. Herhangi bir şeye dokunmadan önce canlı temayı çoğaltın; Shopify da kod düzenlemeden önce bunu önerir.
3. Aynı sürümün temiz bir kopyasıyla farkını çıkarın. Değişen dosyaların listesi, gerçek özelleştirme envanterinizdir.
4. Şimdiki ve geçmişteki tüm uygulamaları listeleyin ve tema kodunda artık kurulu olmayan uygulamalardan kalan snippet’leri ve script’leri arayın.
5. Ekibin kendisi düzenlemek istediği, koda gömülü içerikleri işaretleyin.
6. Yavaş şablonları saha verisinde kontrol edin, sonra bu şablonlarda iç içe döngüleri ve render’ı engelleyen script’leri arayın.
7. Sonucu sürüm kontrolüne alın; böylece bir sonraki değişiklik bilinen bir durumdan başlar.

Temizlemek mi, yeniden düzenlemek mi, yeniden kurmak mı?

Her satırdaki ilke aynı: değişiklikleri tema düzenleyicinin ve gelecekteki güncellemelerin birlikte yaşayabileceği yerlerde, yani özel bölümlerde, bloklarda, metafield’larda ve app block’larda tutun; temel dosyalarda doğrudan düzenlemeyi en aza indirin.

Bir sonraki değişiklik turunu ucuz tutmak

Aynı alışkanlıklar sorunu yeniden üretiyorsa bir kez temizlik yapmak işe yaramaz. Birkaç çalışma kuralı temayı güncelleme yolunda tutar:

• Yeni özellikler yeni dosyalara. Özel bir bölümü ya da snippet’i bir güncellemeden geçirmek, temel bir şablonun içine gömülmüş bir düzenlemeyi taşımaktan daha kolaydır.
• İçerik, ekibin düzenleyebileceği yere. Liquid’e yazılmış metin yerine bölüm ayarları, bloklar ve metafield’lar.
• Theme app extension olarak geliştirilmiş uygulamaları tercih edin. Tema kodunu düzenlemezler; bu yüzden onları kaldırmak tema dosyalarını taramak anlamına gelmez.
• Bir değişiklik günlüğü tutun. Her kod düzenlemesi için tek satır: ne değişti, neden ve hangi dosyada. Böylece bir sonraki güncelleme kazı çalışması olmaktan çıkar, kontrol listesine döner.
• Her tema sürümünü bir taslak kopyada deneyin. Yeni sürümü taslak temalarınıza ekleyin, hangi düzenlemelerin aktarıldığını kontrol edin ve ertelemek yerine bilinçli bir karar verin.
• Eklemeden önce kaldırın. Bir uygulamanın yerine yenisi gelecekse, sonrakini kurmadan önce temada eskisinden kalan kodu kontrol edin.

Bunların hiçbiri büyük bir bütçe gerektirmez. Gereken, temadan sorumlu bir kişi ve her değişikliğin iz bırakması kuralıdır.

Lintel’in rolü

Bu, Shopify tema mühendisliği işidir: özel bölümler ve şablonlar, metafield tabanlı içerik ve tema düzeyinde performans; hepsi mağazanın güncellenmeye devam edebileceği şekilde kurulur. 2019’dan bu yana 65’ten fazla Shopify mağazasında çalıştık; bunlara Transfer Kingdom’daki Liquid tema çalışmaları da dahil. Bu çalışmalara bakın.