Shopify Hız Optimizasyonu için 5 öneri

Shopify hız skorunuz 50’in altında ise alarm çanları çalıyor demektir. İşte e-ticaret mağazanızı hızlandırmak için atmanız gereken adımlar.

Başarılı bir e-ticaret sitesi için Shopify alt yapısı şart olsa da bu tek başına yeterli değil. Eğer mağazanız yavaş yükleniyorsa markanız ilk önce inandırıcılık, sonra müşteri ve tabi ki para kaybedecektir. Bu yazıda site hızının mağazanızdaki kullanıcı deneyimi için öneminden başlayarak, yavaşlatan sebepleri ve Shopify hız artırımı için atabileceğiniz adımları listelemek istiyoruz.

Shopify hızı müşteri deneyimini nasıl etkiler?

E-ticaret sitelerinin hızının, müşteri dönüşüm oranları üzerinde büyük (ve ölçülebilir) bir etkisi olduğunu günümüzde artık bir sır değil.

• Örneğin Hubspot’a göre, müşterilerin %47’si ziyaret ettikleri bir web sayfasının en fazla 2 saniyede yüklenmesini istiyor.
• Bir başka örnekte, e-ticaret devi Walmart, site hızındaki 1 saniyelik iyileşmenin müşteri dönüşümde %2 artış sağladığını bulmuş.

Bunun gibi sayısız istatistik gösteriyor ki, sanıldığının aksine sadece SEO için değil, zor elde edilmiş ziyaretçilerin sitenizde müşteriye dönüştürülmesi için de hız performansı çok önemli.

Shopify neden yavaşlar?

Shopify hız sorunu yaşadığınızda bunun çok fazla sebebi olabilir. Bunların bazıları konusunda bir şey yapmak sizin elinizde olmayabilir. Bazıları ise mümkün ama zor görevlere işaret eder. Neyse ki geri kalanlar kolay ve üstesinden gelebileceğiniz sorunlardır. İşte bazıları:

• Kullanılmayan ya da kötü kodlanmış uygulamalar
• Karmaşık temalar ve fontlar
• Çok fazla ya da dosya boyu büyük imaj ve videolar
• Yetersiz liquid kodlama
• Sunucu tarafı oluşturma (server-side rendering) sorunları

Shopify hız artırımı için 5 adım

Shopify hız performanı için aşağıdaki önerileri mutlaka denemelisiniz. Hepsi de üstesinden zorlanmadan gelebileceğiniz maddeler.

1. Uygulama temizliği yapın

Biz Shopify uzmanları bir Shopify mağaza kurulumu işi üstlendiğimizde bunu sadece gereken uygulamalar ile ve yalın şekilde gerçekleştirmeye çalışırız. Ne var ki teslim ettiğimiz projelerin bazılarına bir süre sonra girip baktığımızda site sahiplerinin neden kurduklarını bile hatırlamadıkları sayısız uygulamayla Shopify mağazasının kirletildiğini şahit oluruz.

Gerçekten de site sahipleri denemek için uygulamaları kurmakta, sonra unutmakta beis görmezler. Kimi zaman da vazgeçtikleri uygulamaları “temiz şekilde” kaldırmak için bir adım atmazlar. Shopify mimarisi gereği kurulu uygulamalar bazen kullanıcı tarafında yavaşlık bazen de sunucu tarafında yavaşlığa sebep olabilirler. O zaman ne yapmalı?

• Sadece gereken uygulamaları kurun. Kurmadan önce mümkünse uygulama sayfasındaki tanıtımı iyice okuyun. Bir Shopify uzamanı tanıyorsanız onun da fikrini alın. Kapsamlı bir uygulamayı kurmadan önce temanızın bir kopyasını (yedek amaçlı) oluşturun.
• Kaldırmak istediğiniz bir uygulamayı “silmekle” yetinmeyin. Uygulamaların çoğu, silindiği zaman temanızın liquid kodu içinde kalıntılar bırakacağı için doğru şekilde prosedür izlenmelidir. Ücretsiz bile olsa, uygulama şirketleri destek ekipleri bu işlemde size yardımcı olacaktır.
• Sitenizin uygulamalardan ötürü yavaşladığından eminseniz temanızın temiz bir sürümü (eski bir yedek) üzerine siteyi taşıyabilirsiniz. Böylece kod kalıntılardan kurtulmuş olursunuz. Tabi bu durum, terzi dikişi bir özelleştirme hizmeti aldığınız bir temada başınıza başka dertler açabilir.

2. İmajları sıkıştırın

Bir resim bin kelimeye bedel. E-ticaret sitelerinde görsellerin müşteri dönüşümü için birinci kriter olduğunu söylemeye gerek bile yok. Haklı olarak mağaza sahipleri ürün resimlerini yüklerken kaliteden fedakarlık etmek istemiyorlar. Haklılar da. Öte yandan Shopify hız performansı söz konusu olduğunda yüksek dosya boyutundaki imajların hem site yüklenme hızını hem de kullanıcı deneyimini olumsuz etkilediği çoktan kanıtlandı.

Burada önerilen, “gereğinden fazla” büyük imajlardan kaçınmak ve “yeterince büyük” imajlar kullanmak. Shopify uzman olarak destek verdiğimiz markalarda sık karşılaştığımız bir senaryo var. Fiyakalı ürün çekimler yapıyorlar. Bunun için zaman ve para harcıyorlar. Dolayısıyla karşılığını almak istiyorlar. Foto stüdyosundan gelen işlenmiş resimleri aynen yerleştirmemiz için bize iletiyorlar. Daha kötü senaryoda bunu kendi kendilerine yapmaya çalışıyorlar. Biz duruma el koyana dek sonuç, hız skoru yerlerde sürünen bir Shopify sitesi! Peki nelere dikkat etmelisiniz?

• İmajlar sıkıştırılmamış (PNG) değil mutlaka JPEG olmalı. İmajların herhangi bir tarafının 2000 pikseli geçmediğinden emin olun. JPEG sıkıştırma oranı %60-%65 olabilir. Tek bir dosyanın boyutu 200-300 Kb’den büyük olmasa iyi olur. Bunu topluca yapmak için Photoshop içinde gelen otomasyonlardan yararlanabilirsiniz. Bunu başka bir yazıda ele alacağız. En güzeli çekimlerinizi yapan ajansa bu bilgileri iletebilirsiniz.
• Görselleri sıkıştırmada bir başka faydalı araç da mucizevi sonuçlar veren JPEGmini ismini taşıyor. Kraken.io ise aynı işi web tabanlı olarak çözüyor.
• Son dönemde tasarlanan modern temaların bir çoğu, resimleri yüksek boyutta yükleseniz bile, kendisi sıkıştırılmış halini gösteriyor. Zoom yapmak için tıkladığınızda gerçek imajı görüyorsunuz. Eğer böyle bir tema kullanıyorsanız, yukarıdaki öneriyi (hatta bu maddenin tamamını es geçebilirsiniz.)

3. AMP uygulayın

Kısa adıyla AMP (Accelerated Mobile Pages) yani Hızlandırılmış Mobil Sayfalar, Google tarafından 2016’da başlatıldı. AMP’nin amacı mobil deneyimin daha hızlı ve zevkli hale gelmesi. AMP uyguladığınızda şundan emin olabilirsiniz:

• AMP sayfaları önbelleğe alınır ve arama sonuçlarında önceden yüklenir, bu da yükleme süresinin anlık olmasını sağlar.
• Araştırma ve testlerde AMP sayfalarının daha üst sıralarda yer aldığı ve müşteri dönüşüm oranı gibi metriklerde daha iyi netice verdiği görülmüştür.
• AMP, sayfalarınıza internette mümkün olan en yüksek yükleme hızını verir.

Shopify AMP teknikleri manual olarak hayata geçirmek neredeyse imkansız. Bunun için bu konuda Shop Sheriff ya da FireAMP gibi bir uygulamadan yararlanmalısınız.

4. Slider’dan vazgeçin

Shopify uzman olarak dahil olduğumuz projelerde mağaza sahiplerini slider sevdasından vazgeçirmek için uzun zamandır savaşıyorduk. Aslında bunun gayet pratik bir sebebi vardı. Hazırladığımız harika slider görsellerinin yerine site sahipleri sonradan çirkin ya da yanlış boyutlanmış resimler yüklüyorlardı. Oysa yakın zamanda slider’dan vazgeçmek için daha önemli bir sebep oluştu: Shopify hız problemi!

Evet gerçekten de çok sayıda değişken slide yerine tek bir Hero Banner kullanıldığında site hızının yanısıra kullanıcı deneyimi de oldukça optimize oluyor. Slider ile gelen olumsuz kullanıcı deneyimlerinden bazıları şöyle:

• Yakın zamandaki bir araştırmaya göre ziyaretçilerin sadece %1’i slider’a tıklıyor.
• Slider alanlarını mobil cihazlardan deneyimlemek kullanıcılar için çok zor oluyor.

Son zamanlarda beğeni toplayan premium ya da ücretsiz Shopify temaları da bu trende uymaya başladı. Artık Slider yerine Hero Banner kullanımına öncelik veriyorlar. Yakın zamanda incelediğimiz Impulse Shopify teması da bunlardan biri.

5. Temanızı değiştirin

Yukarıdaki adımlar Shopify hız performansını yukarı çekmediyse ya da elde ettiğiniz iyileşme size yetmiyorsa şansınızı yeni bir Shopify teması ile deneyebilirsiniz. Bunun için beğendiğiniz bir temanın ön izleme linkini Google Page Speed Insights ya da GTmetrix gibi güvenilir bir platformda test etmelisiniz.

Bazen de aynı temada kalmak ama temanın son ve temiz sürümüne geçmek sitenizi hızlandırmak için yeterli olabiliyor. Böylece eski uygulamaların kod kalıntılarından da kurtulursunuz. Hızlanmanın bir sebebi de, premium temaların, zaman içinde gelen güncellemelerle birlikte yeni trendlere ve teknolojilere uyum sağlayabilmesi.

Biz ajans olarak her zaman Shopify Tema Mağazası’ndaki temaları (ücretsiz ya da premium), Envato gibi pazaryeri temalarına tercih ediyoruz. Yine de en hızlı Shopify teması her zaman resmi temalar arasından çıkmayabiliyor. Örnek vermek gerekirse, Booster teması bunlardan biri. Out of the Sandbox firmasının ünlü temaları Turbo teması ya da Flex teması her zaman hız konusunda çok beğeniliyor.

Dikkate değer bir teklif

Elbette son bir çare daha var. Shopify söz konusu olduğunda her şeyi kendiniz yapmak zorunda değilsiniz. Kimi zaman Shopify uzmanı bir ajans ile durum değerlendirmesi yapabilirsiniz. Sizin yavaş sandığınız site, aslında hızlı olabilir. Ya da tam tersi. Problemleri analiz etmek sonra da çözüm bulmak dünyanın her yerinden binlerce Shopify partner için sandığınızdan daha kolay ve maliyetsizdir.

Unutmayın ki deneyim sahibi bir Shopify partner, eğitimi gereği en son yeniliklerden haberdardır. Shopify hız iyileştirmeleri söz konusu olduğunda da yeni tekniklere hakimdir.