Online mağaza performansınızı artırma

Birçok etken online mağaza performansını etkiler. Bunlardan bazılarını kontrol edebilirsiniz.

Online mağazanızın bugün nasıl bir performans gösterdiğini öğrenmek için Web Performansı raporlarınıza bakın.

Kontrol edemeyeceğiniz faktörler

Bu etkenler mağazanızın performansını etkileyebilir ancak Shopify mağazanız için ayar veya düzenlemelerle kontrol edilemez. Bu, müşterilerinizle ilgili cihazları veya internet hızları gibi etkenlerin yanı sıra Shopify'ın altyapısındaki güncellemeler gibi Shopify ile ilgili etkenleri de içerir.

Müşterinizin cihazı, ağı ve konumu

Mağazanızı dünyanın dört bir yanından canlı olarak ziyaret eden müşterilerin farklı cihazları ve internet bağlantıları vardır. Bu durum, mağazanızın bu faktörlere bağlı olarak daha hızlı veya daha yavaş yüklenebileceğini gösterir.

Bir müşteri mağazanızın hızı hakkında sizinle iletişime geçtiğinde müşterinizden tarayıcısının en son sürümde olduğunu, son zamanlarda önbelleğini temizlediğini ve kullandığı İnternet Servis Sağlayıcısının herhangi bir kesinti veya performans düşüşü yaşamadığını kontrol etmesini isteyin.

Shopify altyapısı

Shopify, Online mağazanızı hızlı ve genel sunucularda barındırır ve mağazanızın bant genişliğini sınırlamaz. Shopify mağazanızın durumunu Shopify Durumu'ndan kontrol edebilirsiniz.

Shopify, kodunda ve altyapısında sürekli olarak iyileştirmeler yapmaktadır. Bu iyileştirmelerden bazıları performans metriklerine yansıyabilir.

Aşağıda online mağazanızın hızını etkileyen bazı özellikler yer alır.

İçerik teslimat ağı (CDN)

CDN, içerik teslimat ağı anlamına gelir. CDN, Shopify yöneticinizin İçerik > Dosyalar sayfasındaki içerik gibi görsellerinizi ve diğer dosyalarınızı saklar. CDN'de Shopify, satıcılara online mağazanızın dünya genelinde hızlı bir şekilde yüklenmesini sağlayan ve Cloudflare tarafından yürütülen, birinci sınıf bir CDN sunar. CDN durumunu Cloudflare durum sayfasından kontrol edebilirsiniz.

Yerel tarayıcı önbelleği

Mağazanız bazı öğeleri müşterinizin yerel depolamasına önbellekler veya kaydeder. Müşterinizin online mağazanıza bir sonraki ziyaretinde tarayıcı, sunucuya başka bir talep göndermek yerine önbellekten kaynak yükleyebilir.

Shopify, mağazanızdaki belleklenebilen kaynaklar için tarayıcı önbelleğini her dosya için bir yıl olarak ayarlar. Önbelleğe alınabilen dosyalar arasında PDF'ler, JS dosyaları, ve CSS dosyaları yer alır.

Sunucu tarafı sayfa önbelleği

Shopify, yerel tarayıcıda önbelleğe almaya ek olarak sayfaları sunucu tarafında da önbelleğe alır. Bir sayfa ilk kez yüklendiğinde daha yavaş olabilir ancak müşteriler önbelleğe alınmış bir kopyaya eriştiğinden sonraki sayfa yüklemeleri daha hızlıdır.

content_for_header Liquid nesnesinin içindeki öğeler

`` Liquid nesnesi; performans analizleri ve dinamik ödeme düğmeleri gibi isteğe bağlı özellikler dahil çeşitli online mağaza özellikleri tarafından kullanılan öğeler ekler. Bu nesnenin ve ilgili öğelerin yüklenmesinin mağazanızın hızı üzerinde etkisi vardır. Shopify, etiketi ve öğelerini daha hızlı hâle getirmek için optimize eder.

Kontrol edebileceğiniz faktörler

Aşağıda online mağaza performansını etkileyen faktörler ve bunları nasıl giderebileceğiniz yer alır.

Uygulamalar

Online mağazanızın işlevlerini veya görünümünü değiştirmek için uygulama eklediğinizde çalışabilmeleri için temaya kod eklenir. Bazı kodlar online mağazanızın performansını iyileştirmek için kaldırılabilir veya yeniden sıralanabilir. Uygulama kullanmıyorsanız bunu kaldırabilirsiniz.

Bir uygulamanın mağazanızı yavaşlattığını düşünüyorsanız aşağıdaki adımları izleyin:

  • Kullanmadığınız uygulama özelliklerini devre dışı bırakın veya ihtiyacınız yoksa uygulamayı kaldırın. Online mağaza özellikleriyle hız arasındaki dengeyi göz önünde bulundurun.
  • Bir uygulamayı kaldırıyorsanız uygulama yüklenirken eklenmiş olan kodu da kaldırmayı göz önünde bulundurun. Çoğu uygulama, kodunu sizin için otomatik olarak kaldırır ancak emin olmak için uygulamanın geliştiricisiyle iletişime geçebilirsiniz. Bazı uygulamalar, kodlarını uygulama adını içeren {% comment %} etiketleri içine alarak bu süreçte size yardımcı olur. Kullanılmayan uygulama kodunun kaldırılması, kullanılmayan özellikler için kod çalıştırılmasını önleyen ve tema kodunuzun daha kolay okunmasını sağlayan bir en iyi uygulamadır.
  • Uygulama geliştiricinize danışın.

Temalar

Temalar Liquid, HTML, CSS ve JavaScript kodlarından oluşur. Temaları düzenlediğinizde veya özelleştirdiğinizde dosya boyutları, web performansınızı artırabilir ve etkileyebilir.

Temanızdaki bir şeyin mağazanızı yavaşlattığını düşünüyorsanız aşağıdaki adımları izleyin:

Tema veya uygulama özellikleri

Belirli özellikler de etkinleştirildiklerinde mağaza performansınızı etkileyebilir. Örneğin, bir koleksiyon sayfası yüklendiğinde her ürün sayfasındaki bazı hızlı görüntüleme açılır pencereleri, bilgileri önceden yükler. Müşterilerinizin kullanmadığı ek verilerin yüklenmesi, değer katmamasına rağmen yükleme hızınızı etkileyebilir.

Bir özelliğin mağazanızı yavaşlattığını düşünüyorsanız aşağıdaki adımları izleyebilirsiniz:

  • Müşterilerin belirli özellikleri kullanıp kullanmadığını görmek için bir heatmap aracı kullanın. Kullanılmayan özellikleri devre dışı bırakın.
  • İhtiyacınız yoksa özelliği devre dışı bırakın. Online mağaza özellikleri ve performans arasındaki dengeyi göz önünde bulundurun.
  • Tema ve uygulama geliştiricilerinize danışın ve bunların verileri önceden yükleyip yüklemediklerini sorun.

Karmaşık veya verimsiz Liquid kodu

Mağazanız işlenirken kullanılan Liquid kodunun neredeyse tamamını düzenleyebilirsiniz. Liquid kodu yazmanın verimli ve verimsiz yolları vardır. Karmaşık işlemleri sürekli olarak gerçekleştirmek, Liquid işleme zamanınızı artırabilir ve bu da genel web performansınızı etkileyebilir.

Örneğin, bir koleksiyondaki ürünleri fiyata göre sıralamak istiyorsanız bunu döngü kodunun bir parçası olarak değil koleksiyonunuzdaki ürünler arasında döngü oluşturmadan yapmanız gerekir. Bunun nedeni, ürünlerin sırasının her ürün için değişmemesi ve ürünlerin sırasını hesaplamanın, talebe ekstra işlem süresi eklemesidir.

Kodunuzun optimize edilmemiş olduğunu düşünüyorsanız aşağıdaki adımları uygulayabilirsiniz:

  • Chrome için Shopify Theme Inspector'ı kullanarak online mağazanızda sayfaları yavaşlatan kod satırlarını belirleyin.
  • Verimsiz veya yararsız kodları bulmanıza yardımcı olması için bir Shopify İş Ortağı ile çalışın.

Görseller ve videolar

Yüksek boyutlu veya görünümden gizlenen görseller bir sayfanın diğer, daha önemli kısımlarının yüklenmesini etkileyebilir. Kullanıcılar, yüksek boyutlu görsellerin yüklenmesini beklemek zorunda kalırsa mağazanızın yavaş olduğunu düşünebilirler.

Shopify, online mağazanızı görsellerle veya videolarla aşırı yüklemenize engel olmak için bazı önlemler ekler. Örneğin:

  • Bir koleksiyon sayfasında 50'den fazla ürün veya ana sayfanızda 25 bölüm olamaz.
  • Birçok tema, o anda ekranda olmayan görselleri yüklemeyi erteler.
  • Birçok tema, görüntülendiği ekran boyutuna göre bir görselin belirli bir boyutunu da yükler.

Ancak bu koruma önlemleri, görsellerin veya videoların online mağazanızın performansını etkilemesini tamamen engellemez.

Görsellerin mağazanızı yavaşlattığını düşünüyorsanız aşağıdaki adımları izleyin:

  • Görsel optimizasyonu kılavuzunu inceleyin.
  • Öne çıkan görsellerin slayt gösterisini 2-3 slaytta tutun veya bir öne çıkan görsel kullanın.
  • Tema geliştiricinize danışarak ondan temasıyla görselleri kullanmanın ideal yolu hakkında öneri alın.

Yazı tipleri

Online mağazanızdaki metin için birkaç yazı tipi arasından seçim yapabilirsiniz. Ancak, müşterinizin bilgisayarında henüz mevcut olmayan bir yazı tipi kullanıyorsanız metniniz görüntülenmesi için yazı tipinin indirilmesi gerekir. Bu durum, mağazanızın yüklenme süresini etkiler.

Müşterinizin bilgisayarına yeni bir yazı tipi indirmekten kaçınmak için sistem yazı tipi kullanabilirsiniz. Sistem yazı tipi, çoğu bilgisayarda zaten yüklü olan bir yazı tipidir.

Mono, serif veya sans-serif yazı tipi ailesini seçebilirsiniz. Bu yazı tipi ailelerinden herhangi birini kullandığınızda, kalın veya italik gibi yazı tipi stillerini kullanmaya devam edebilirsiniz.

Müşterinizin bilgisayarında görüntülenen yazı tipi, müşterinizin kullandığı işletim sistemine bağlıdır. Bir sistem yazı tipi ailesi seçtiğinizde metin işlemek için kullanılabilecek yazı tiplerine ilişkin bazı örnekler aşağıda verilmiştir:

  • Mono: Menlo, Consolas, Monaco, Liberation Mono veya Lucida Console
  • Sans-serif: BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu veya Helvetica Neue
  • Serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times veya Source Serif Pro

Hata giderme araçları

Online mağazanızın performansını araştırmak için aşağıdaki araçları kullanabilirsiniz.

Geliştiriciyseniz Shopify araçlarından ve en iyi uygulamalarından yararlanarak performans için temanızda daha ileri düzeyde optimizasyon yapabilirsiniz. Shopify.dev'den daha fazla bilgi edinin.

PageSpeed Analizleri

Shopify'ın Web Performansı kontrol paneli raporu, gerçek kullanıcıların online mağazanızı nasıl deneyimlediğini ölçmek için Temel Web Verileri'ni kullanır. Mağazanızdaki sayfalar için daha ayrıntılı ölçümler görüntülemek üzere Google PageSpeed Analizleri'ni kullanarak kendi raporlarınızı çalıştırabilirsiniz.

Chrome için Shopify Theme Inspector

Chrome için Shopify Theme Inspector, Liquid render performansını göstermek için alev grafiği kullanan bir profil oluşturma aracıdır. Bu araç, online mağazanızdaki sayfaları yavaşlatan kod satırlarını belirlemenize yardımcı olur. Shopify Theme Inspector'ı nasıl kullanacağınızı öğrenin.

Online mağaza performansıyla ilgili destek alma

Shopify'ın ücretsiz bir temasını kullanıyorsanız Shopify Destek ekibi, temel performans iyileştirmeleri konusunda size yardımcı olabilir.

Üçüncü taraf bir tema kullanıyorsanız ve yardıma ihtiyacınız varsa tema geliştiricinize başvurmanız veya bir Shopify İş Ortağı ile çalışmanız gerekir. Bir Shopify İş Ortağı ile çalışma hakkında daha fazla bilgi edinin.

Bir geliştirme ekibiniz veya ajans iş ortağınız varsa daha fazla yardım almak için onlara da danışabilirsiniz.

Shopify ile satış yapmaya hazır mısınız?

Ücretsiz olarak dene