Online mağaza hızınızı iyileştirme

Birçok faktör online mağaza hızınızı etkiler. Bunlardan bazılarını kontrol edebilirsiniz.

Bugün online mağazanızın ne kadar hızlı bir performans gösterdiğini bilmiyorsanız online mağaza hızı raporunuzu görüntüleyebilirsiniz.

Kontrol edemeyeceğiniz faktörler

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 İnternet Servis Sağlayıcıları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.

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. Shopify, satıcılara online mağazanızın dünya çapında hızlı bir şekilde yüklenmesini sağlayan Fastly tarafından yürütülen dünya standartlarında bir CDN sunar. Fastly durum sayfasından CDN durumunu 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 etiketinin içindeki kaynaklar

Liquid etiketi {% content_for_header %}, performans analizleri ve dinamik ödeme düğmeleri gibi isteğe bağlı özellikler de dahil olmak üzere çeşitli online mağaza özellikleri tarafından kullanılabilecek kaynaklar ekler. Bu etiketin ve ilgili kaynakların yüklenmesinin mağazanızın hızı üzerinde etkisi vardır. Shopify, etiketi ve kaynaklarını daha hızlı hale getirmek için optimize eder.

Kontrol edebileceğiniz faktörler

Aşağıda online mağaza hızınızı 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:

Not: Shopify Local Delivery uygulaması gibi yalnızca yöneticide çalışan uygulamalar online mağazanızın hızını etkilemez.

Temalar

Temalar Liquid, HTML, CSS ve JavaScript kodundan oluşur. Temaları düzenlediğinizde veya özelleştirdiğinizde dosya boyutları mağazanızın hızını 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

Etkin olduğunda belirli özellikler de mağaza hızı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 önceden yükleme bilgilerini yükler. Müşterilerinizin kullanmadığı ek veriler yüklenmesi değer katmadan mağaza 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. Özellikler kullanılmıyorsa devre dışı bırakın.
  • İhtiyacınız yoksa özelliği devre dışı bırakın. Online mağaza özellikleri ve hız 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.
  • Daha fazla yardım almak için bir Shopify uzmanıyla çalışın.

Karmaşık veya verimsiz Liquid kodu

Mağazanızı işlemek için 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 yapmak, Liquid işleme zamanınızı artırabilir ve bu da genel mağaza hızı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 yapmalısınız. Bunun nedeni, ürünlerin siparişinin her bir ürün için değişmemesi ve ürünlerin siparişinin hesaplanmasında talep için işlem zamanı eklenmesidir.

Kodunuzun optimize edilmediğinden endişelenirseniz aşağıdaki adımları uygulayabilirsiniz:

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üşünebilir.

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, ekran 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.
  • Daha fazla yardım almak için bir Shopify uzmanıyla çalışın.

Hata giderme araçları

Aşağıda online mağazanızın hızını incelemek için kullanabileceğiniz araçlar yer alır.

Lighthouse

Shopify'ın online mağaza hızı raporu, mağazanızın hızını ölçmek için Lighthouse kullanır. Mağazanızdaki sayfalar için daha ayrıntılı ölçümler görüntülemek üzere Google PageSpeed Analizlerini kullanarak kendi Lighthouse raporunuzu çalıştırabilirsiniz. Bu ölçümlerin ne anlama geldiğini öğrenmek için Google Lighthouse performans puanlama belgesine bakın. Ölçümleri anlamanıza yardımcı olması ve iyileştirmeler önermesi için bir Shopify uzmanıyla da çalışabilirsiniz.

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.

Destek almak için

Shopify'dan ücretsiz bir tema 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 uzmanıyla çalışmanız gerekir.

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

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

Ücretsiz olarak dene