Shopify hız optimizasyonu — Core Web Vitals iyileştirme
LCP, CLS ve INP ölçümü; uygulama, script, font ve görsel yükünün temizlenmesi. Öncesi/sonrası raporlu.
Yavaş mağazanın bedeli iki yerde ödenir: kullanıcı sepete gitmeden çıkar, reklam maliyeti yükselir. Shopify'da hız kaybının kaynağı neredeyse hiç sunucu değildir — Shopify altyapısı hızlıdır. Kaynak genellikle üst üste binmiş üçüncü parti uygulamalar, optimize edilmemiş görseller, gereğinden fazla font dosyası ve tema içinde erken yüklenen script'lerdir.
Bu hizmet ölçümle başlar ve ölçümle biter. Önce laboratuvar ve alan verisi (PageSpeed Insights + Search Console Core Web Vitals) alınır, sonra ağırlığı yaratan kalemler tek tek çıkarılır, düzeltmeler uygulanır ve aynı testler tekrarlanır. Öncesi/sonrası tablo teslimin parçasıdır.
Hız optimizasyonunda en çok kazanç, kod yazmaktan değil bir şeyleri kaldırmaktan gelir. Bunu söylemek zor olabiliyor çünkü kaldırılacak şey genellikle birinin kurmaya karar verdiği bir uygulamadır — ama etkisi en büyük adım budur.
- PageSpeed skoru düşük, mobilde açılışı yavaş mağazalar
- Search Console'da Core Web Vitals uyarısı alan mağazalar
- Zamanla çok sayıda uygulama biriktirmiş, sayfası ağırlaşmış kataloglar
- Reklam harcaması yüksek ve dönüşüm oranını artırmak isteyen markalar
- Zaten hızlı olan ve dönüşüm sorunu başka yerde olan mağazalar — ölçümde bunu görürsem söylerim
- Tema baştan yeniden yazılmadan kazanç alınamayacak durumdaki çok eski temalar; orada doğru iş tema geliştirme
Neler dahil?
Mobil/masaüstü PageSpeed, Search Console alan verisi ve ağ şelalesi analizi. LCP, CLS, INP ve TTFB değerleri kayda geçer.
Kurulu uygulamaların sayfaya eklediği script ve stil dosyaları listelenir; aynı işi yapanlar, artık kullanılmayanlar ve tema içinde native çözülebilecekler ayrılır.
Boyut ve format (WebP/AVIF), duyarlı görsel setleri, tembel yükleme ve LCP görselinin öncelikli yüklenmesi.
Font dosyası sayısının azaltılması, alt küme (subset) kullanımı, font-display davranışı ve kullanılmayan CSS'in çıkarılması.
Kritik olmayan script'lerin ertelenmesi, üçüncü parti etiketlerin gecikmeli yüklenmesi ve ana iş parçacığını bloklayan işlerin dağıtılması.
Görsel ve reklam alanlarına yer ayırma, geç yüklenen bileşenlerin sayfayı zıplatmasının önlenmesi.
Aynı testlerin tekrarı ve kalem kalem kazanç tablosu. Hangi düzeltmenin ne kadar getirdiği görünür.
Nasıl ilerliyoruz?
- Ölçüm1-2 gün
Ana sayfa, koleksiyon ve ürün sayfası için ayrı ölçüm. Alan verisi varsa gerçek kullanıcı deneyimi de tabloya girer.
- Bulgu raporu ve karar2-3 gün
Ağırlık kaynakları ve kazanç tahmini. Kaldırılması önerilen uygulamalar için kararı siz veriyorsunuz; alternatif çözüm önerisiyle birlikte sunarım.
- Uygulama1-2 hafta
Düzeltmeler tema kopyası üzerinde yapılır, her adımdan sonra ölçüm tekrarlanır. Canlı mağaza etkilenmez.
- Yayın ve doğrulama1-3 gün
Yayın sonrası ölçüm, dönüşüm akışının kontrolü ve öncesi/sonrası raporun teslimi.
- İzleme4 hafta
Alan verisinin güncellenmesi haftalar alır; bu dönemde Search Console Core Web Vitals raporunu takip ediyorum.
Kapağın altında ne var?
Çoğu mağazada LCP öğesi hero görseli veya ürün fotoğrafıdır. Doğru boyutta üretilmemiş bir hero görseli, tek başına saniyeler ekleyebilir; preload ve fetchpriority ile bu sıralama düzeltilir.
Üçüncü parti etiketler ve büyük JavaScript paketleri tıklamaya yanıt süresini uzatır. Etiketlerin gecikmeli yüklenmesi ve gereksiz bileşenlerin kaldırılması en çok fayda veren adım.
Bazı uygulamalar tema koduna kalıcı iz bırakır; kaldırılan uygulamanın script'i sayfada kalmaya devam eder. Bu artıkların temizlenmesi ölçülebilir kazanç sağlar.
Shopify'ın görsel CDN'i doğru parametrelerle çağrıldığında duyarlı setler üretir. Tema içinde sabit boyutlu img etiketleri yerine srcset kullanılır.
PageSpeed skoru tek başına hedef değil. Karar verirken alan verisindeki LCP/CLS/INP eşiklerine bakıyorum; skor yükseldiği halde kullanıcı deneyimi değişmeyen durumları ayırt etmek önemli.
Bu işi nerede yaptım?
Yüksek trafikli, çok para birimli dijital ürün platformunda performans ve kararlılık odaklı geliştirme.
Özel tema, uygulama yükü minimumda tutularak kuruldu; görsel ve script optimizasyonu tema seviyesinde yapıldı.
Fiyatlandırma nasıl çalışıyor?
Hız optimizasyonu genellikle tek seferlik, sabit fiyatlı bir paket olarak çalışıyor: ölçüm + bulgu raporu + uygulama + doğrulama. Fiyatı belirleyen ana kalem tema karmaşıklığı ve kurulu uygulama sayısı. Ölçüm sonucunda kayda değer kazanç görünmüyorsa bunu baştan söylüyorum — yapılacak iş yoksa paket satmıyorum.
Sık sorulan sorular
PageSpeed skorum 100 olur mu?
Shopify mağazalarında 100 gerçekçi bir hedef değil ve gerekli de değil. Ödeme, analitik ve pazarlama script'leri kaçınılmaz bir taban yük yaratır. Hedefim skor değil, Core Web Vitals eşiklerinin (LCP, CLS, INP) alan verisinde yeşile geçmesi.
Uygulamalarımı kaldırmak zorunda mıyım?
Kararı siz veriyorsunuz. Ben hangi uygulamanın ne kadar ağırlık eklediğini ölçüp gösteriyorum ve mümkün olduğunda tema içinde native alternatifini öneriyorum. Bazı uygulamalar ağırlığına rağmen ciro getiriyor; onlar kalır.
Hız gerçekten satışa etki ediyor mu?
Sektör genelinde açılış süresi ile dönüşüm arasında güçlü bir ilişki olduğu biliniyor, ama etkinin büyüklüğü mağazadan mağazaya değişir. Bu yüzden abartılı vaat vermiyorum: ölçtüğüm şey hız metrikleri, birlikte izlediğimiz şey dönüşüm oranı.
Tema değiştirmek daha mı iyi olur?
Bazen evet. Çok eski, Online Store 2.0 öncesi bir temada optimizasyonun getirisi sınırlı kalabiliyor. Ölçümden sonra hangisinin daha mantıklı olduğunu maliyet karşılaştırmasıyla söylüyorum.
Kazanç kalıcı mı?
Düzeltmeler kalıcı, ama mağaza yaşayan bir şey. Yeni uygulama kurulduğunda veya ağır görsel yüklendiğinde ağırlık geri gelir. Teslimde hangi kararların hızı bozacağını anlatan kısa bir kontrol listesi bırakıyorum.
Kapsamı netleştirmek için ücretsiz bir keşif görüşmesi yapıyoruz. Bu hizmet size uygun değilse bunu da söylerim — gereksiz iş satmıyorum.