Online mağaza performansınızı artırma
Online mağazanız tema kodu, uygulamalar, görseller, videolar, döngüler, sosyal medya akışları ve analizler gibi bir dizi özelliğe sahiptir. Bu özellikler ziyaretçi deneyimini iyileştirilebilir ve sitenizin kapasitesini genişletebilir.
Bununla birlikte, online mağazanıza eklediğiniz her özellik mağazanızın performansını etkileyebilir. Bazı özellikler sitenizi yavaşlatabilir veya kullanıcı deneyimlerini etkileyebilecek beklenmedik davranışlara yol açabilir.
Web performansı, kullanıcı deneyimini optimize etmeye odaklanır. Şu anda web performansı, Temel Web Verileri'nde de yer alan başlıca üç alan üzerine odaklanmaktadır:
- Yükleme hızı, En Büyük İçerik Boyama (LCP) ile ölçülür
- Düzen tutarlılığı, Kümülatif Düzen Kayması (CLS) ile ölçülür
- Kullanıcı etkileşimine yanıt verme hızı, İlk Giriş Gecikmesi (FID) ve Sonraki Boyamayla Etkileşim (INP) ile ölçülür,
Web performansını optimize ederek müşterilerinizin sitenizde kalma ve dönüşüm sağlama olasılığını artırabilirsiniz. Web performansının neden önemli olduğu hakkında daha fazla bilgi edinin.
Bu sayfada
Online mağazanıza yönelik optimizasyonlar
Online mağazanızda web optimizasyonu yerleşik olarak bulunur. Web optimizasyonu, tüm yeni özelliklerde de yerleşik olarak bulunur. Aşağıdaki özelliklerden yararlanmak için özel bir şey yapmanız gerekmez:
- Shopify, Online mağazanızı hızlı, küresel 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 sayfasından kontrol edebilirsiniz.
- Online mağazanızda, Cloudflare tarafından çalıştırılan ve online mağazanızın dünya çapında hızlı bir şekilde yüklenmesini sağlayan bir içerik dağıtım ağı (CDN) bulunur. CDN durumunu, Cloudflare durum sayfasından kontrol edebilirsiniz.
- Yükleme işlemlerinin hızlı olmasını sağlamak için görseller, görsel CDN'si kullanılarak otomatik olarak optimize edilir. Görsel CDN'si, tema kodunuzla birlikte dosya boyutlarını küçük tutmak için yeniden boyutlandırılmış ve sıkıştırılmış en iyi görüntü formatını sunabilir.
Web performansını etkileyen faktörler
Shopify mağazalarının web performansını etkileyen başlıca faktörler şunlardır:
- Online mağazanızın teması
- Yüklemiş olduğunuz uygulamalar
- Etiket yöneticileri ve içindeki etiketler de dahil olmak üzere, mağazanıza manuel olarak eklediğiniz üçüncü taraf ek kodlar
Bu, web performansınızı iyileştirmek için aşağıdaki hususlara odaklanmanız gerektiği anlamına gelir:
- Güncel ve optimize edilmiş bir Online Store 2.0 teması kullanın. Shopify'ın sunduğu tüm Online Store 2.0 temaları ücretsizdir ve web performansı için optimize edilmiştir. Ayrıca, diğer birçok üçüncü taraf tema da web performansı için optimize edilmiştir. En son tema performansı verilerini gözden geçirebilirsiniz.
- Yüklü uygulamalarınızı ve üçüncü taraf kodunuzu değerlendirerek bunların, olası performans kayıplarını dengelemek için yeterli miktarda değer sağladıklarından emin olun.
- Kullanılmayan veya düşük değerli etiketleri kaldırmak için etiket yöneticinizi denetleyin. Etiketlere ve etiket yöneticilerine yönelik en iyi uygulamalar hakkında daha fazla bilgi edinin.
Test araçları
Online mağazanızın performansını araştırmak için aşağıdaki araçları kullanabilirsiniz.
Web Performansı kontrol paneli
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.
PageSpeed Analizleri
Mağazanızdaki sayfalar için daha ayrıntılı ölçümler görüntülemek amacıyla Google'ın PageSpeed Analizleri'ni kullanarak kendi raporlarınızı çalıştırabilirsiniz.
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ştiricinizle iletişime geçmeniz, Shopify web performansı uzmanlarımızla çalışmanız veya bir Shopify İş Ortağıyla çalışmanız gerekir. Bir Shopify İş Ortağı ile çalışma hakkında daha fazla bilgi edinin.
Performans sorununuz bir uygulamadan kaynaklanıyorsa uygulama geliştiricinizle iletişime geçebilirsiniz.
Bir geliştirme ekibiniz veya ajans iş ortağınız varsa daha fazla yardım almak için onlara da danışabilirsiniz.
Hata gidermeyle ilgili teknik bilgiler ve kaynaklar
Bir Shopify vitrini, teması veya uygulaması için performansı artırmak isteyen bir geliştiriciyseniz her bir Temel Web Verisi için aşağıdaki kaynakları inceleyebilirsiniz. Shopify Temaları için performansla ilgili en iyi uygulamalar hakkında daha fazla bilgi edinin.
Yükleme hızı
En Büyük İçerik Boyama (LCP), ekrandaki en büyük öğenin ne kadar hızlı görünür hale geldiğine göre yükleme hızını ölçer. İlk baytın yüklenme süresi (TTFB) ve ilk içerik boyama (FCP), sorunun ardında yatan nedeni daha iyi anlamanıza yardımcı olan destekleyici metriklerdir. Shopify Liquid vitrinlerinde yavaş yüklemenin yaygın nedenlerine yönelik hata ayıklama işlemi hakkında daha fazla bilgi edinin.
Görsel tutarlılık
Kümülatif Düzen Kayması (CLS), yükleme sırasında içeriğin beklenmedik bir şekilde yer değiştirme miktarına göre görsel tutarlılığı ölçer. CLS sorunlarına yönelik ayrıntılı hata ayıklama için Shopify sitelerinde Kümülatif Düzen Kayması'nı (CLS) optimize etme başlıklı makaleyi okuyun.
Etkileşim
İlk Giriş Gecikmesi (FID), sayfanın bir bağlantıya veya düğmeye tıklama gibi ilk kullanıcı eylemine yanıt vermesinin ne kadar sürdüğüne göre, etkileşimi ölçer. Bunun yerini, Temel Web Verileri'nde Sonraki Boyamayla Etkileşim (INP) almıştır. INP'yi Web Performansı kontrol paneline de eklemek için çalışıyoruz.
Yetersiz FID veya INP sorunu yaşıyorsanız büyük ihtimalle mağazanızın tema kodunda, uygulama kodunda veya üçüncü taraf/etiket yöneticisi kodunda çok fazla JavaScript vardır. En kötü etkiye sahip unsurları temizlemeye çalışın. Sayfa yüklemesine en kötü etkiye sahip JavaScript unsurlarını bulmanın 3 yolu hakkında daha fazla bilgi edinin. Hâlâ INP ile ilgili sorun yaşıyorsanız web.dev'deki kaynaklardan daha fazla bilgi edinebilirsiniz.