İçeriğe geç

Hizmetler · Performans

CS-Cart Performans ve Hız Optimizasyonu

Yavaş açılan, mobilde zorlayan bir mağaza reklam bütçenizi boşa harcatır. Ölçüyor, darboğazları buluyor ve düzeltiyoruz.

  • Önce ölçüm, sonra iyileştirme
  • Tasarımı bozmadan daha hızlı sayfalar
  • Öncesi ve sonrası raporlanır
Dizüstü bilgisayar ekranında gerçek zamanlı performans paneli – CS-Cart Performans ve Hız Optimizasyonu
HızÖlçerek iyileştirme
GörsellerBoyut ve biçim optimizasyonu
  • Önce ölçüm

    Yöntem

    Darboğaz ölçümle bulunur, tahminle iş yapılmaz.

  • Core Web Vitals

    Hedef

    Google’ın sayfa deneyimi ölçütleri esas alınır.

  • Öncesi / sonrası

    Raporlama

    İyileştirmenin etkisi aynı ölçümlerle gösterilir.

Mağazanıza reklamla, arama motorundan ya da sosyal medyadan gelen ziyaretçi, sayfanın açılmasını bekler. Sayfa yavaşsa vazgeçer; o ziyaretçiyi getirmek için harcadığınız bütçe de onunla birlikte gider. Hız, tasarımın ya da tekniğin değil, doğrudan satışın bir parçasıdır. Google ve Deloitte’un birlikte yayımladığı “Milliseconds Make Millions” çalışması, mobil sitelerde yalnızca 0,1 saniyelik hız iyileşmesinin perakendede dönüşümü yaklaşık yüzde 8,4 artırdığını bildirmişti. Bu oranlar her mağazada aynı çıkmaz; ama yön net: hızlanan mağaza daha çok sipariş alır, yavaşlayan mağaza fark etmeden müşteri kaybeder.

Performans ve hız optimizasyonu, mağazanızın sayfa açılış hızını, mobil deneyimini ve ödeme akışını önce ölçen, sonra darboğazları belirleyip görsel, kod, eklenti, sunucu ve akış düzeyinde iyileştiren bir çalışmadır.

Hızı nasıl ölçeriz? Core Web Vitals

Hız tek bir sayı değildir; kullanıcının yaşadığı deneyimin farklı yönlerini ölçen birkaç göstergeden oluşur. Google’ın “Core Web Vitals” olarak tanımladığı üç temel gösterge ve “iyi” kabul edilen eşikleri şöyledir:

Gösterge Neyi ölçer? İyi eşik
LCP (Largest Contentful Paint) Sayfanın ana içeriğinin ne kadar sürede göründüğü 2,5 saniye ve altı
INP (Interaction to Next Paint) Kullanıcı bir şeye dokunduğunda arayüzün ne kadar hızlı tepki verdiği 200 milisaniye ve altı
CLS (Cumulative Layout Shift) Sayfa yüklenirken öğelerin kayıp kaymadığı, görsel kararlılık 0,1 ve altı

Bu eşikler, sayfa ziyaretlerinin büyük çoğunluğu için (Google yüzde 75’lik dilimi esas alır) sağlanmalıdır. Pratikte bu şu demektir: ürün görseliniz iki buçuk saniyeden geç belirmemeli, “sepete ekle” düğmesine dokunduğunuzda donma hissedilmemeli ve sayfa yüklenirken düğme parmağınızın altından kaymamalı. Bu göstergeler hem kullanıcı deneyimini hem arama motorundaki sayfa deneyimi sinyallerini ilgilendirir; ancak hız tek başına sıralamayı belirlemez, bir sinyaldir.

Ölçerken iki farklı veri türü kullanılır: laboratuvar verisi (kontrollü koşullarda test araçlarıyla ölçülen) ve saha verisi (gerçek kullanıcıların cihazlarından toplanan). Laboratuvar ölçümü sorunun nerede olduğunu bulmaya yardımcı olur; saha verisi ise gerçek müşterilerinizin ne yaşadığını gösterir. İkisini birlikte değerlendiririz. Ayrıca yalnızca ana sayfaya bakmak yetmez: kategori, ürün, sepet ve ödeme sayfaları farklı sorunlara sahiptir.

Yavaşlık nereden gelir?

CS-Cart mağazalarında en sık karşılaşılan nedenleri şöyle gruplayabiliriz:

Görseller

E-ticaretin en ağır kalemi görsellerdir. Ürün fotoğrafının 4000 piksel genişliğinde yüklenip 400 piksellik alanda gösterilmesi, gereksiz yere megabaytlarca veri indirilmesi demektir. Çözüm: doğru boyutlandırma, modern ve sıkıştırılmış formatlar, ekran dışındaki görselleri geç yükleme (lazy loading), ilk ekrandaki ana görseli öncelikli yükleme ve görsel boyutlarının önceden tanımlanması (kaymayı önlemek için).

Eklentiler ve üçüncü taraf betikler

Her eklenti sayfaya ek kod, ek veritabanı sorgusu ya da ek dış istek getirebilir. Zamanla biriken, artık kullanılmayan eklentiler ve sohbet, harita, takip pikseli, yorum araçları gibi üçüncü taraf betikler, hızı en çok fark edilmeden düşüren unsurlardandır. Bu betiklerin her biri ayrı ayrı küçük görünür ama toplamda ana iş parçacığını meşgul edip INP’yi bozabilir.

Sunucu ve yapılandırma

Önbellekleme, veritabanı ayarları, PHP sürümü ve sunucu kaynakları mağaza hacmine göre yapılandırılmamışsa, kod ve görsel ne kadar iyi olursa olsun sayfa yavaş açılır. PHP sürümlerinin performansı da sürümden sürüme değişir; CS-Cart’ın resmi sistem gereksinimleri PHP 7.4 ile 8.3 arasını kapsar ve genellikle desteklenen daha yeni sürümler, eskilere göre daha verimli çalışır. Sunucu tarafı sunucu ve barındırma hizmetimizle birlikte ele alınır.

Veritabanı ve katalog büyüklüğü

Ürün sayısı, varyasyonlar, filtreler ve arama büyüdükçe veritabanı sorguları ağırlaşır. Yoğun filtre kullanan kategori sayfaları ve büyük kataloglarda arama, özel dikkat gerektirir. İndeksler, sorgu optimizasyonu ve doğru önbellekleme burada fark yaratır.

Tema ve ön yüz kodu

Kullanılmayan stil ve betik dosyaları, gereksiz kütüphaneler, ağır animasyonlar ve çok sayıda yazı tipi dosyası yükü artırır. Bunlar tasarım aşamasında hız hedefiyle ele alınmadığında sonradan düzeltmek zorlaşır; bu nedenle tema tasarımı çalışmamızda performans baştan hesaba katılır.

Ödeme ve sepet akışı

Çok adımlı, gereksiz alanlı, her adımda sayfayı yeniden yükleyen ödeme akışları hem yavaş hem terk edilmeye yatkındır. Bu alan teknik hız kadar akış tasarımıyla da ilgilidir.

Mobil koşullar

Mobil kullanıcı çoğu zaman daha zayıf bir bağlantı ve daha sınırlı bir işlemciyle gezer. Masaüstünde hızlı hissettiren bir sayfa, orta seviye bir telefonda yavaş olabilir. Bu yüzden ölçümleri mobil koşullarda ve gerçekçi cihaz profilleriyle yaparız.

Çalışma yöntemimiz

  1. Ölç: Ana sayfa, kategori, ürün, sepet ve ödeme sayfalarını mobil ve masaüstünde ölçeriz. Laboratuvar ve mümkünse saha verisini birleştirir, en yavaş noktaları ve nedenlerini listeleriz.
  2. Önceliklendir: Etkisi yüksek ve riski düşük iyileştirmelerle başlarız. Her bulgu için tahmini kazanım ve zorluk değerlendirilir; tüm listeyi uygulamak yerine en çok fark yaratacak işler öne alınır.
  3. Uygula: Görsel, kod, eklenti ve sunucu düzeyinde değişiklikleri önce test ortamında yapar, kritik akışları (sepet, ödeme, sipariş) test eder ve sonra yayına alırız.
  4. Yeniden ölç: Öncesi ve sonrasını karşılaştıran bir rapor sunarız. Hangi değişikliğin ne kadar etki yaptığı görünür olur.
  5. İzle: Hız bir kez düzeltilip unutulan bir şey değildir; yeni ürün, yeni eklenti ve yeni kampanya hızı yeniden bozabilir. Düzenli ölçüm bakım ve destek kapsamında sürdürülebilir.

Önbellekleme ve içerik dağıtımı

Hızın en etkili araçlarından biri, aynı işi tekrar tekrar yapmamaktır. Önbellekleme, sık istenen sayfaların ve verilerin hazır tutulması demektir: sunucu tarafında sayfa ve nesne önbelleği, tarayıcı tarafında statik dosyaların yerel saklanması, görsel ve dosyaların ziyaretçiye yakın bir noktadan sunulması (içerik dağıtım ağı) gibi katmanlar birlikte çalışır. Önbellekleme yanlış yapılandırılırsa tersine sorun çıkarır: eski fiyat gösterme, sepetin karışması, kişiselleştirilmiş içeriğin başkasına gösterilmesi gibi riskler doğar. Bu yüzden önbellek stratejisi, kişiye özel sayfaları (sepet, hesap, ödeme) dışarıda tutacak şekilde dikkatle kurulur ve test edilir.

Hız ve SEO

Sayfa hızı arama motorlarının dikkate aldığı sinyallerden biridir. Hız tek başına sıralamayı belirlemez; ama yavaş bir sitede diğer SEO çalışmalarının etkisi azalır ve kullanıcı ayrıldığı için sayfa kalitesi sinyalleri de zayıflar. Hızlı bir site ayrıca arama motoru botlarının daha fazla sayfayı taramasına olanak tanır. Teknik görünürlük çalışmaları için CS-Cart SEO hizmetimize bakın.

Hız ve reklam

Reklamla gelen trafikte hız çok daha kritiktir; çünkü her tıklamanın bir maliyeti vardır. Yavaş açılan bir sayfada ziyaretçi sayfa yüklenmeden ayrılırsa, o tıklama için ödediğiniz para boşa gider. Reklam bütçesini artırmadan önce hız ve dönüşüm iyileştirmesi, çoğu zaman daha ucuz bir büyüme yoludur. Bu çalışmalar dijital pazarlama hizmetimizle koordineli yürütülür.

Performans çalışmasında sık yapılan hatalar

  • Tek bir puana odaklanmak: Test aracındaki “100 puan”ı kovalamak yerine gerçek kullanıcı deneyimine bakmak gerekir. Puan yüksek olabilir ama sepete ekleme yavaşsa asıl sorun sürer.
  • Yalnızca ana sayfayı ölçmek: Satışın gerçekleştiği sayfalar ürün, sepet ve ödemedir.
  • Görseli sıkıştırıp kaliteyi bozmak: Aşırı sıkıştırma ürün güvenini düşürür; denge gerekir.
  • Önbelleği kişiye özel sayfalarda da açmak: Sepet ve hesap verisinin karışması ciddi sorun doğurur.
  • Eklenti eklemeye devam etmek: Her yeni eklentinin hız maliyeti vardır. Kullanılmayanları kaldırmak ilk adımdır.
  • Sunucuyu suçlayıp kodu atlamak (ya da tersi): Sorun çoğu zaman birden çok katmandadır; ölçmeden tahmin yürütmek yanıltır.
  • Optimizasyonu bir kez yapıp bırakmak: Hız zamanla geriler; düzenli izleme gerekir.

Neleri vaat etmiyoruz?

Hız çalışmasında belirli bir puan, saniye ya da dönüşüm artışı garanti etmiyoruz. Ulaşılabilecek hız; mevcut tasarıma, eklentilere, ürün sayısına, sunucu yapısına ve üçüncü taraf betiklere bağlıdır. Bazen en büyük kazanım, bir eklentiyi kaldırmaktan ya da görselleri yeniden boyutlandırmaktan gelir; bazen de tasarımın bazı bölümlerini sadeleştirmeyi gerektirir. Ölçüm sonucunda neyin mümkün olduğunu, neyin pahasına olduğunu şeffaf biçimde paylaşırız.

Maliyet

Performans çalışması kapsama göre (sayfa sayısı, eklenti yoğunluğu, sunucu müdahalesi, görsel sayısı) teklif edilir. Önce ölçüm yapılır; böylece neyin ne kadar iş gerektirdiği belli olur. Teklifte ölçüm, kod/eklenti iyileştirmeleri, görsel çalışması ve sunucu kalemleri ayrı gösterilir. Ön görüşme ve teklif ücretsiz ve taahhütsüzdür.

Bütçe mantığı: hız yatırımı ne zaman geri döner?

Hız çalışmasının geri dönüşünü kabaca hesaplamak mümkündür. Aylık ziyaretçi sayınız, mevcut dönüşüm oranınız ve ortalama sipariş tutarınız bellidir; hız iyileştirmesi dönüşüm oranını küçük bir yüzde kadar bile artırsa, bunun aylık ciroya etkisini tahmin edebilirsiniz. Örneğin aylık yüz bin ziyaretçisi olan bir mağazada dönüşümün yüzde 1,0’dan yüzde 1,1’e çıkması, aynı trafikle yüz ek sipariş demektir. Bu sadece bir örnektir ve gerçek etki mağazadan mağazaya değişir; ama bu hesabı kendi rakamlarınızla yaptığınızda hız yatırımının ne kadar bir bütçeyi haklı çıkarabileceğini görürsünüz.

Reklam harcaması olan mağazalarda ikinci bir kazanım daha vardır: aynı tıklama maliyetiyle daha çok dönüşüm, yani daha düşük sipariş başına maliyet. Hız iyileştirmesi bu yüzden reklam bütçesi büyük olan mağazalarda genellikle öncelikli yatırımlardan biri olur. Hesaplamayı birlikte yapmak için ön görüşmede mevcut analitik verinizi inceleyebiliriz.

Performans bütçesi: hız bir kez bozulduktan sonra nasıl korunur?

Hızlı bir mağazayı hızlı tutmanın en etkili yolu, “performans bütçesi” denen basit bir kuralı benimsemektir: bir sayfanın toplam ağırlığı, betik sayısı ve kritik göstergeleri için üst sınırlar belirlenir ve yeni eklenen her şey bu sınırlara göre değerlendirilir. Pazarlama ekibi yeni bir takip kodu eklemek istediğinde, tasarımcı yeni bir kaydırıcı önerdiğinde ya da bir eklenti kurulacağında önce “bunun hız maliyeti nedir?” sorusu sorulur. Bu disiplin olmadan hız, her biri küçük görünen eklemelerle zamanla düşer ve kimse bunu fark etmez.

Pratikte, bakım kapsamında aylık ya da üç aylık ölçüm yapılması, kritik sayfaların Core Web Vitals değerlerinin izlenmesi ve eşiklerin altına düşüldüğünde uyarı alınması yeterli bir başlangıçtır. Böylece sorun müşterilerden değil, ölçümden öğrenilir.

Sık sorulan sorular

Sitem neden yavaş?

Tek bir nedeni yoktur; çoğu zaman görseller, eklentiler, sunucu yapılandırması ve ön yüz kodu birlikte etkilidir. Ölçmeden hangisinin baskın olduğu söylenemez. İlk adım ölçümdür.

Hız iyileştirmesi satışı artırır mı?

Hız ile dönüşüm arasında güçlü bir ilişki olduğuna dair çalışmalar vardır; ancak sizin mağazanızdaki etki ürününüze, trafik kaynağınıza ve mevcut hızınıza bağlıdır. Sabit bir artış vaat etmeyiz; öncesi ve sonrası ölçümle sonucu birlikte izleriz.

Tasarımı değiştirmeden hızlandırabilir miyiz?

Çoğu zaman evet; görsel, önbellek, eklenti ve sunucu iyileştirmeleri tasarımı değiştirmeden uygulanabilir. Ancak bazı ağır bileşenler (büyük kaydırıcılar, çok sayıda yazı tipi, ağır animasyonlar) sadeleştirmeyi gerektirebilir.

Başka bir ekibin kurduğu mağazayı da hızlandırır mısınız?

Evet. Mağazanın mevcut durumunu ölçer, bulguları raporlar ve iyileştirme için teklif hazırlarız.

Hız bir kez düzelirse sonsuza kadar hızlı kalır mı?

Hayır. Yeni ürün, eklenti, kampanya ve üçüncü taraf betikler hızı yeniden düşürebilir. Düzenli ölçüm ve bakım gerekir.

Sunucuyu da değiştirmem gerekir mi?

Bazen. Sorunun sunucu kaynaklı olup olmadığı ölçümle anlaşılır. Sunucu tarafı baskınsa sunucu ve barındırma çalışmasını birlikte öneririz.

Nasıl başlarız?

Hız tek seferlik bir iyileştirme değil, düzenli ölçülüp korunması gereken bir konudur. SoftCrafter, CS-Cart’ın resmi partneri olarak mağazanızın hem kod hem sunucu hem de akış tarafını bilen tek bir ekiple çalışmanızı sağlar; 20+ kişilik ekibimizde kişi başı 10+ yıl deneyim bulunur ve iletişim baştan sona Türkçedir. Formu bırakın, sizi 15 dakika içinde arayalım; önce ölçümle başlayalım ve kalem kalem teklifinizi 1 iş günü içinde hazırlayalım.

Kapsam

Performans çalışmasında neler yapıyoruz?

  • Ölçüm

    Önce mevcut hızı ve darboğazları ölçeriz; tahminle değil veriyle çalışırız.

  • Görsel ve kaynak optimizasyonu

    Görsel boyutları, biçimleri ve yükleme sırası sayfa hızına göre ayarlanır.

  • Kod ve eklenti taraması

    Gereksiz eklenti ve ağır özellikler tespit edilir, düzenlenir.

  • Sunucu yapılandırması

    Sunucu ayarları ve önbellekleme mağaza yüküne göre gözden geçirilir.

  • Sade ödeme akışı

    Ödeme adımları sadeleştirilerek sepetten satın almaya geçiş kolaylaştırılır.

  • Raporlama

    Yapılan iyileştirmeler ve ölçüm sonuçları raporlanır.

Süreç

Hız çalışması nasıl ilerler?

Ne yapılacağını, kimin yapacağını ve sizden ne beklendiğini baştan bilirsiniz.

  1. 01

    Ölçüyoruz

    Sayfa hızı, mobil deneyim ve sunucu yanıt süreleri ölçülür.

  2. 02

    Darboğazları belirliyoruz

    Görsel, eklenti, kod ve sunucu kaynaklı sorunlar etkisine göre sıralanır.

  3. 03

    İyileştiriyoruz

    Düzeltmeler test ortamında uygulanır; tasarım ve işlevler korunarak canlıya alınır.

  4. 04

    Sonucu raporluyoruz

    Aynı ölçümler tekrarlanır, öncesi ve sonrası karşılaştırmalı olarak paylaşılır.

Merak edilenler

Sık sorulan sorular

Kulaklıklı iki meslektaş ofiste birlikte çalışıyor – CS-Cart Performans ve Hız Optimizasyonu – sık sorulan sorular

Aradığınız cevap burada yok mu?

Ekibimize sorun; 15 dakika içinde sizi arayalım.

Mağazamın hızı neden önemli?
Yavaş açılan sayfalarda ziyaretçi sepete ulaşmadan ayrılır, reklam harcamanız boşa gider ve arama motorlarında görünürlüğünüz zarar görebilir.
Hız çalışması tasarımı bozar mı?
Hayır. Amaç görünümü korurken yükleme maliyetini azaltmaktır; değişiklikler test edilerek yayına alınır.
Hangi araçlarla ölçüyorsunuz?
Genel kabul görmüş sayfa hızı ve Core Web Vitals ölçüm araçlarını kullanıyoruz; ölçüm yöntemi ve hedefler çalışmanın başında paylaşılır.
Hız çalışması tek seferlik mi, düzenli mi yapılır?
İkisi de mümkündür. Tek seferlik iyileştirme yapılabilir; düzenli ölçüm ve iyileştirme bakım ve destek paketine eklenebilir.

Ücretsiz ön görüşme

Projenizi birlikte planlayalım.

Formu bırakın; 15 dakika içinde sizi arayalım, teklifinizi 1 iş günü içinde hazırlayalım. Görüşme ücretsiz ve taahhütsüzdür.