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.
Bu sayfada
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 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 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 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 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üklenirken eklenmiş olan kodu da kaldırmayı göz önünde bulundurun. 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.
- Daha fazla yardım almak için bir Shopify İş Ortağı ile çalışın. Bir Shopify İş Ortağı ile çalışma hakkında daha fazla bilgi edinin.
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:
- Kullanmadığınız tema özelliklerini devre dışı bırakın. Online mağaza özellikleri ve hız arasındaki dengeyi göz önünde bulundurun.
- Sistem yazı tipi kullanmayı deneyin.
- Tema geliştiricinize danışın. Ücretsiz bir Shopify bir temasını kullanıyorsanız size yol göstermesi için destek ekibi ile iletişime geçebilirsiniz.
- Üçüncü taraf bir tema kullanıyorsanız tema geliştiriciniz ile iletişime geçebilir veya bir Shopify İş Ortağı ile çalışabilirsiniz.
- Dawn gibi performans için optimize edilmiş bir tema yüklemeniz önerilir.
- Daha fazla yardım almak için bir Shopify İş Ortağı ile çalışın. Bir Shopify İş Ortağı ile çalışma hakkında daha fazla bilgi edinin.
Tema veya uygulama özellikleri
Belirli özellikler de, etkinleştirildiklerinde 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, bilgileri önceden yükler. Müşterilerinizin kullanmadığı ek verilerin yüklenmesi, değer katmamasına rağmen 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. Kullanılmayan özellikleri 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 İş Ortağı ile çalışın. Bir Shopify İş Ortağı ile çalışma hakkında daha fazla bilgi edinin.
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 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.
- Daha fazla yardım almak için bir Shopify İş Ortağı ile çalışın. Bir Shopify İş Ortağı ile çalışma hakkında daha fazla bilgi edinin.
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'u 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 metrikler hakkında daha fazla bilgi edinmek için Google Lighthouse performans değerlendirmesi belgelerine bakın. Ölçümleri anlamanıza yardımcı olması ve iyileştirmeler önermesi için bir Shopify İş Ortağı ile de çalışabilirsiniz. Bir Shopify İş Ortağı ile çalışma hakkında daha fazla bilgi edinin.
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'ı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.