E-Ticaret Site H�z� Optimizasyonu: Performans Rehberi

E-ticarette her saniye �nemli. Ara�t�rmalar, sayfa y�kleme s�resindeki 1 saniyelik gecikmenin d�n���m oran�n� %7 d���rd���n� g�steriyor. Ayr�ca Google, site h�z�n� s�ralama fakt�r� olarak kullan�yor. H�zl� site = daha fazla sat�� + daha iyi SEO.

Site H�z�n�n �nemi

Rakamlar konu�uyor:

• 3 saniyeden uzun y�klenen sitelerin %53'� terk ediliyor
• 1 saniyelik iyile�me, d�n���mde %7 art�� sa�l�yor
• Mobil kullan�c�lar daha da sab�rs�z
• Google h�zl� siteleri �d�llendiriyor
• Amazon, her 100ms gecikmenin sat��lar� %1 d���rd���n� tespit etti

Core Web Vitals

Google'�n belirledi�i kullan�c� deneyimi metrikleri:

LCP (Largest Contentful Paint)

En b�y�k i�erik ��esinin y�klenme s�resi.

• �yi: < 2.5 saniye
• �yile�tirme gerekli: 2.5-4 saniye
• K�t�: > 4 saniye

FID (First Input Delay)

�lk kullan�c� etkile�imine yan�t s�resi.

• �yi: < 100ms
• �yile�tirme gerekli: 100-300ms
• K�t�: > 300ms

CLS (Cumulative Layout Shift)

G�rsel karars�zl�k (kaymalar) skoru.

• �yi: < 0.1
• �yile�tirme gerekli: 0.1-0.25
• K�t�: > 0.25

�l��m Ara�lar�

Google PageSpeed Insights

�cretsiz, detayl� analiz ve �neriler. Mobil ve masa�st� ayr� de�erlendirme.

Google Lighthouse

Chrome DevTools i�inde. Performans, eri�ilebilirlik, SEO puanlar�.

GTmetrix

Waterfall analizi, ge�mi� kar��la�t�rma.

WebPageTest

Detayl� analiz, farkl� lokasyonlardan test.

Google Search Console

Core Web Vitals raporu, ger�ek kullan�c� verileri.

G�rsel Optimizasyonu

G�rseller genellikle sayfa boyutunun %50'sinden fazlas�n� olu�turur.

Format Se�imi

• WebP: Modern taray�c�lar i�in en iyi se�enek. %25-35 daha k���k
• AVIF: Daha da k���k, ancak taray�c� deste�i s�n�rl�
• JPEG: Foto�raflar i�in fallback
• PNG: �effaf g�rseller i�in
• SVG: Logo ve ikonlar i�in

Boyut Optimizasyonu

• Gereksiz b�y�k g�rseller y�klemeyin
• Responsive images kullan�n (srcset)
• S�k��t�rma ara�lar� kullan�n (TinyPNG, Squoosh)

Lazy Loading

G�rsel ihtiya� duyulana kadar y�klenmesin. Native lazy loading: loading="lazy"

Kod Optimizasyonu

CSS Optimizasyonu

• Kullan�lmayan CSS'i temizleyin
• CSS'i minimize edin
• Critical CSS'i inline yap�n
• Render-blocking CSS'i azalt�n

JavaScript Optimizasyonu

• Gereksiz k�t�phaneleri kald�r�n
• Code splitting yap�n
• defer ve async kullan�n
• Tree shaking uygulay�n

HTML Optimizasyonu

• DOM boyutunu k���k tutun
• Gereksiz div'leri temizleyin
• Preload kritik kaynaklar�

Hosting ve CDN

Hosting Se�imi

• SSD depolama
• Yeterli RAM ve CPU
• HTTP/2 veya HTTP/3 deste�i
• Hedef pazara yak�n sunucu lokasyonu

CDN (Content Delivery Network)

Statik dosyalar� d�nya genelinde da��tarak h�zland�rma:

• Cloudflare (�cretsiz plan mevcut)
• Amazon CloudFront
• BunnyCDN
• KeyCDN

Caching

• Taray�c� cache'i (Cache-Control headers)
• Server-side caching
• Database query caching
• Full page caching

Sonu�

Site h�z�, e-ticaret ba�ar�s�n�n temel ta�lar�ndan biridir. G�rsel optimizasyonu, kod iyile�tirmesi ve do�ru altyap� ile sitenizi h�zland�rabilirsiniz. ��z�m Partneri olarak performans optimizasyonu ve teknik SEO konular�nda profesyonel destek sunuyoruz.