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.

Shopify, kodunda ve altyapısında sürekli olarak iyileştirmeler yapıyor. Bu iyileştirmelerden bazıları, hız puanınıza yansıtılabilir.

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:

  • Kullanmadığınız uygulama özelliklerini devre dışı bırakın veya ihtiyacınız yoksa uygulamayı kaldırın. Online mağaza özellikleri ve hız arasındaki dengeyi göz önünde bulundurun.
  • Bir uygulamayı kaldırıyorsanız, uygulama yükleme işleminin bir parçası olarak eklenen kodu kaldırmanız önerilir. Bazı uygulamalar, uygulamanın adı geçen {% comment %} etiketlerindeki kodlarını kaydırarak bu işlemde 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.
  • Daha fazla yardım almak için bir Shopify uzmanıyla çalışın.

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.

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 hızınızı 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.

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.

Online mağaza hızıyla ilgili destek alma

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