Shopify Hız Optimizasyonu
Mağazanız açılmadan önce kaybedilen ziyaretçiyi geri kazanın
Yavaş açılan mağazada ziyaretçi ürünü görmeden ayrılıyor ve reklamla getirilen her tıklama boşa gidiyor. Yavaşlığın kaynağını tahminle değil ölçümle buluyoruz; genellikle sorun tek bir yerde değil, üst üste binmiş uygulama betikleri, ölçüsüz görseller ve tema kodunda oluyor. Her müdahaleden sonra tekrar ölçüp gerçekten neyin işe yaradığını gösteriyoruz.
- Ölçüm ve kaynak tespiti
- Uygulama betiği temizliği
- Görsel ve yazı tipi düzeni
- Tema kodu iyileştirmesi
Birlikte çalıştığımız markalar
Shopify Hız Optimizasyonu kimler için?
Mobilde yavaş açılan mağazalar
Masaüstünde sorun görünmüyor ama mobilde sayfa geç geliyor. Satışın çoğu mobilden geldiği için etkisi büyük.
Reklam maliyeti artan satıcılar
Tıklama başına maliyet yükseliyor, gelen ziyaretçi sayfayı beklemeden çıkıyor. Bütçe açılış ekranında eriyor.
Uygulama yığını büyümüş mağazalar
Zaman içinde çok sayıda uygulama kuruldu. Her biri sayfaya kendi betiğini ekliyor ve toplam yük ağırlaştı.
Arama performansı düşenler
Sayfa deneyimi ölçümlerinde kötü not alıyorsunuz. Teknik tarafın düzeltilmesi gerekiyor.
Kapsam ve teslimatlar
Ölçüm ve önceliklendirme
Laboratuvar testleri ile gerçek kullanıcı verisi birlikte inceleniyor. Hangi sayfanın hangi ölçütte zayıf olduğu ve nedeni çıkarılıyor.
Uygulama betiği denetimi
Sayfaya yüklenen betikler kaynağıyla birlikte listeleniyor. Kullanılmayan uygulamaların kalıntıları temizleniyor, kalanların yükleme biçimi düzenleniyor.
Görsel optimizasyonu
Görsel boyutları, formatları ve ekran genişliğine göre sunumu düzenleniyor. Ekranın altındaki görsellerin gecikmeli yüklenmesi sağlanıyor.
Yazı tipi ve stil yükü
Kullanılmayan yazı tipi ağırlıkları kaldırılıyor, yükleme davranışı düzenleniyor. Gereksiz stil dosyaları sadeleştiriliyor.
Tema kodu iyileştirmesi
Ağır çalışan döngüler, gereksiz veri çağrıları ve sayfanın ilk görünümünü geciktiren kod parçaları düzenleniyor.
Üçüncü taraf etiketlerin düzeni
Ölçüm ve reklam etiketlerinin yükleme sırası düzenleniyor, sayfanın açılışını bekletmemesi sağlanıyor.
Ölçtüğünüz sayfa, müşterinin gezdiği sayfa olsun
Hız konuşulurken herkes ana sayfaya bakıyor, oysa satışın geçtiği yer ürün ve koleksiyon sayfaları. Bu sayfalar genelde daha ağır: galeri, varyant seçici, değerlendirmeler, öneri listesi ve filtreler aynı anda çalışıyor. Ana sayfa iyi sonuç verirken ürün sayfasının zorlanması sık rastlanan bir durum.
İkinci ayrım ölçümün tipinde. Tek seferlik bir test, ideal koşullarda alınmış bir fotoğraf; gerçek kullanıcı verisi ise müşterilerinizin kendi telefonlarında ve kendi bağlantılarında yaşadığı deneyim. İkisi çoğu zaman aynı şeyi söylemiyor. Çalışmayı gerçek kullanıcı verisine göre yönlendiriyor, tek seferlik testleri yalnız neyin değiştiğini görmek için kullanıyoruz. Ölçümü her müdahaleden sonra tekrarlıyoruz, böylece hangi değişikliğin ne kazandırdığı tahmin olmaktan çıkıyor.
Ölçümü tek bir cihazla da yapmıyoruz. Ziyaretçileriniz ağırlıklı olarak hangi cihaz ve bağlantı türünü kullanıyorsa testleri ona yaklaştırıyoruz; masaüstünde sorun görünmeyen bir sayfa telefonda zorlanıyor olabiliyor.
En pahalı bayt, o sayfada hiç kullanılmayan bayt
Mağazalarda yükün büyük kısmı, o sayfada karşılığı olmayan dosyalardan geliyor. Değerlendirme aracının betiği iletişim sayfasında da yükleniyor. Ana sayfadaki kaydırmalı bölüm için eklenen kütüphane her sayfada çalışıyor. Aylar önce denenip bırakılmış bir aracın kodu temada duruyor. Kullanılmayan yazı tipi ağırlıkları indiriliyor.
Bunları temizlemek genelde yeni bir şey yazmaktan daha çok kazandırıyor. Tema kodunda hangi betiğin nereden geldiğini çıkarıyor, yüklemeyi sayfa tipine göre sınırlıyor ve gerçekten gerekenleri ziyaretçinin ilk gördüğü içerikten sonraya bırakıyoruz. Görsel tarafında da benzer bir israf var: ekranda küçük görünen bir görselin arka planda çok daha büyük bir dosya olarak indirilmesi. Ürün galerisi ve koleksiyon kartları bu açıdan tek tek kontrol ediliyor.
Temizlik sırasında hiçbir şeyi sessizce kaldırmıyoruz. Her müdahaleyi ayrı ayrı uygulayıp ölçüyor, mağazanın çalışan bir parçasının kaybolmadığını kontrol ediyoruz. Geri alınması gereken bir değişiklik olursa hangisi olduğu belli oluyor.
Nasıl çalışıyoruz?
Ölçüm ve temel değerlerin alınması
Ana sayfa, koleksiyon, ürün ve sepet sayfalarının mevcut performansı kayıt altına alınıyor. Sonraki karşılaştırmalar bu temele göre yapılıyor.
Kaynak analizi
Açılışı geciktiren dosyalar, betikler ve istekler tek tek çıkarılıyor. Her birinin hangi uygulamadan ya da tema bölümünden geldiği belirleniyor.
Hızlı kazanımlar
Riski düşük, etkisi belirgin düzeltmeler önce uygulanıyor; kullanılmayan betiklerin kaldırılması ve görsel düzenlemeleri genellikle bu grupta.
Kod ve yapı müdahaleleri
Tema tarafındaki daha derin düzenlemeler kopya tema üzerinde yapılıp test ediliyor, sonra yayına alınıyor.
Yeniden ölçüm ve rapor
Aynı sayfalar aynı yöntemle yeniden ölçülüyor. Neyin ne kadar değiştiği ve hangi sınırların platformdan kaynaklandığı raporlanıyor.
Kullandığımız araçlar ve platformlar
- Google PageSpeed Insights
- Lighthouse
- Shopify Theme Inspector
- Shopify Web Performance panosu
- Google Search Console
- WebPageTest
Shopify Hız Optimizasyonu fiyatını neler belirler?
Tema karmaşıklığı
Sade bir temada müdahale hızlı olur. Ağır özelleştirilmiş ya da eski bir temada her değişiklik ayrı test ister.
Uygulama sayısı
Sayfaya betik ekleyen uygulama sayısı hem analiz hem de temizlik süresini belirler.
Görsel envanteri
Ölçüsüz yüklenmiş görsel sayısı fazlaysa toplu düzenleme gerekir.
Müdahale derinliği
Ayar ve temizlik düzeyinde bir çalışma ile tema kodunun yeniden yapılandırılması farklı kapsamlardır.
Sıkça sorulan sorular
Puanımızı yüz yapabilir misiniz?
Böyle bir taahhüt vermiyoruz. Shopify mağazalarında puanın bir kısmı platformun ve kullandığınız uygulamaların kontrolündedir. Hedefimiz puan değil, ziyaretçinin ürünü ne kadar hızlı görebildiği. Ölçümü de gerçek kullanıcı verisiyle yapıyoruz, tek bir test sonucuyla değil.
Uygulamaları kaldırmak zorunda mıyız?
Hepsini değil. Önce hangi uygulamanın sayfaya ne kadar yük getirdiğini ölçüyoruz. Getirdiği fayda yükünü karşılayanlar kalır, kullanılmayanlar ve aynı işi yapan ikinci bir uygulama varsa kaldırılır. Karar veriyle veriliyor.
Hız çalışması satışı artırır mı?
Doğrudan bir artış vaadi vermiyoruz. Yavaş sayfanın ziyaretçi kaybettirdiği ve reklam maliyetini artırdığı bilinen bir durum; hızlanma bu kaybı azaltır. Ancak satış, ürün, fiyat ve sayfa içeriği gibi başka etkenlere de bağlıdır.
Tema değiştirmek daha mı doğru olur?
Bazen evet. Çok eski ya da ağır özelleştirilmiş temalarda iyileştirme maliyeti, güncel bir temaya geçmenin maliyetini aşabiliyor. İnceleme sonunda hangisinin daha mantıklı olduğunu gerekçesiyle söylüyoruz.
Yaptığınız iyileştirmeler kalıcı mı?
Yeni uygulama kurulmadığı ve temaya kontrolsüz kod eklenmediği sürece kalıcı. Zamanla yeniden yavaşlama en çok bu iki sebepten olur. Teslimde nelere dikkat edilmesi gerektiğini yazılı olarak bırakıyoruz.
Görsellerimizi yeniden yüklememiz gerekecek mi?
Çoğu durumda gerekmez; Shopify görselleri farklı boyutlarda sunabiliyor ve temada doğru kurulum yapıldığında uygun ölçü otomatik seçiliyor. Yalnız aşırı büyük yüklenmiş görsellerde kaynak dosyanın küçültülmesi gerekir, bunu toplu olarak yapabiliyoruz.
İlgili içerikler
Bu konuyu derinleştiren rehberler, terimler ve ücretsiz araçlar.
Shopify Hız Optimizasyonu için ilk adımı atalım
- 1Formu doldurun ya da bizi arayın
- 2Bir iş günü içinde ön görüşme planlayalım
- 3Size özel yol haritası ve teklif hazırlayalım