6 Araç – Website Hız Testi Nasıl Yapılır?

Website Hız Testi Nasıl Yapılır? 6 Profesyonel Araç ve Detaylı Kılavuz

Merhaba, ben Çağatay Demir. Yıllardır web tasarım ve SEO alanında çalışıyorum ve en sık karşılaştığım sorunlardan biri yavaş web siteleri. Müşterilerimle yaptığım ilk görüşmelerde genellikle “Sitemiz neden yavaş?” sorusuyla karşılaşıyorum. İşte bu yüzden website hız testi yapmanın ve sonuçlarını yorumlamanın ne kadar kritik olduğunu çok iyi biliyorum.

Web sitenizin hızı sadece kullanıcı deneyimini etkilemekle kalmaz, aynı zamanda SEO performansınızı, dönüşüm oranlarınızı ve nihayetinde işletmenizin başarısını doğrudan etkiler. Google verilerine göre, sayfa yükleme süresi 1 saniyeden 3 saniyeye çıktığında, kullanıcıların %32’si sayfayı terk ediyor. Bu da demek oluyor ki yavaş bir site, para kaybetmeniz demek.

Bu kapsamlı rehberde, website hız testi yapmanın tüm yöntemlerini, en iyi araçları ve sonuçları nasıl yorumlayacağınızı detaylıca anlatacağım. Hazırsanız başlayalım!

Website Hız Testi Neden Bu Kadar Önemli?

Website hız testi yapmadan önce, neden bu kadar önemli olduğunu anlayalım. Birçok işletme sahibi, güzel bir tasarıma sahip olmayı yeterli görür ama sitenin hızını göz ardı eder. Bu büyük bir hata!

Kullanıcı Deneyimi Üzerindeki Etkiler

Kullanıcılar hız konusunda son derece sabırsız:

• %53 mobil kullanıcı, 3 saniyeden fazla yüklenen siteleri terk eder
• 2 saniye gecikme, terk oranını %103 artırır
• 1 saniyelik gecikme, sayfa görüntülenmesini %11 azaltır
• Yavaş siteler, kullanıcı memnuniyetini %16 düşürür

Ben projelerime başlarken ilk yaptığım şey website hız testi yapmak oluyor. Çünkü ne kadar güzel bir web tasarımyapsam da, site yavaşsa kullanıcılar görmeden gidiyor.

SEO ve Sıralama Üzerindeki Etkileri

Google, site hızını resmi bir sıralama faktörü olarak kabul ediyor:

• Core Web Vitals, 2021’den beri resmi sıralama sinyali
• Yavaş siteler, organik trafikte %40’a kadar kayıp yaşayabilir
• Mobil-first indekslemede hız daha da kritik
• Sayfa deneyimi güncellemeleri hızı öncelikli kılıyor

SEO hizmeti verirken, teknik SEO’nun en önemli ayağı olarak site hızını görüyorum. Düzenli website hız testi yapmadan SEO başarısı mümkün değil.

Dönüşüm Oranları Üzerindeki Etkileri

Hız, doğrudan satışlarınızı etkiler:

• Amazon, 100ms gecikmenin %1 gelir kaybına yol açtığını tespit etti
• Walmart, 1 saniye iyileştirmenin dönüşümleri %2 artırdığını buldu
• Sayfa yükleme süresinde 0.1 saniyelik iyileştirme, perakendede %8.4 dönüşüm artışı sağlıyor

E-ticaret web tasarım projelerimde, site hızı optimizasyonu sonrası müşterilerim genellikle %15-30 arası dönüşüm artışı görüyor.

Mobil Kullanıcılar İçin Kritik Önem

Mobil trafiğin hakimiyeti göz önüne alındığında:

• Mobil kullanıcılar, yavaş sitelere karşı daha az toleranslı
• 4G/5G bağlantılarda bile hız önemli
• Veri tasarrufu, kullanıcılar için büyük endişe
• Mobil dönüşüm oranları, hızdan daha fazla etkilenir

Her web sitesi projesinde mobil performansa özel önem veriyorum çünkü trafiğin %60-70’i mobilden geliyor.

1. Google PageSpeed Insights – En Popüler Website Hız Testi Aracı

Website hız testi denilince akla gelen ilk araç Google PageSpeed Insights. Google’ın kendi geliştirdiği bu araç, hem masaüstü hem de mobil performansı ölçer.

PageSpeed Insights Nasıl Kullanılır?

Kullanımı son derece basit:

1. PageSpeed Insights sayfasına gidin
2. Test etmek istediğiniz URL’yi girin
3. “Analiz Et” butonuna tıklayın
4. Yaklaşık 30 saniye içinde sonuçlar hazır

Ben her projenin başında ve sonunda bu website hız testi aracını mutlaka kullanıyorum.

Hangi Metrikleri Ölçer?

PageSpeed Insights, Core Web Vitals’i temel alır:

Largest Contentful Paint (LCP)

• Sayfanın en büyük içeriğinin ne kadar sürede yüklendiğini ölçer
• İyi: 2.5 saniyeden az
• Geliştirilmeli: 2.5-4 saniye
• Zayıf: 4 saniyeden fazla

First Input Delay (FID)

• Kullanıcı etkileşimine ilk yanıt süresi
• İyi: 100ms’den az
• Geliştirilmeli: 100-300ms
• Zayıf: 300ms’den fazla

Cumulative Layout Shift (CLS)

• Sayfa yüklenirken görsel istikrarsızlık
• İyi: 0.1’den az
• Geliştirilmeli: 0.1-0.25
• Zayıf: 0.25’ten fazla

Total Blocking Time (TBT)

• Sayfanın etkileşime geçmeden önce bloke olduğu süre

Speed Index

• Sayfa içeriğinin ne kadar hızlı görsel olarak gösterildiği

Puan Sistemini Anlama

PageSpeed Insights, 0-100 arası bir puan verir:

• 90-100 (Yeşil): Mükemmel performans
• 50-89 (Turuncu): Ortalama, iyileştirme gerekli
• 0-49 (Kırmızı): Zayıf, acil iyileştirme şart

Önemli Not: Puanın kendisi Google sıralamasını doğrudan etkilemez ama altındaki Core Web Vitals metrikleri etkiler. 70 puan alan bir site, 95 puan alan siteden daha iyi Core Web Vitals’e sahip olabilir.

Verdiği Öneriler ve Önceliklendirme

PageSpeed Insights sadece website hız testi yapmakla kalmaz, sorunları da kategorize eder:

Fırsatlar (Opportunities)

• Potansiyel zaman kazanımı gösteren iyileştirmeler
• Görselleri optimize etme
• Gereksiz JavaScript’i kaldırma
• Render-blocking kaynaklarını azaltma

Tanılamalar (Diagnostics)

• Performansı etkileyen diğer faktörler
• Önbellek politikaları
• DOM boyutu
• Kritik istek zincirleri

Başarılı Denetimler (Passed Audits)

• Sitenizin iyi yaptığı şeyler
• Motivasyon için önemli!

Laboratuvar Verisi vs. Alan Verisi

PageSpeed Insights iki tür veri gösterir:

Alan Verisi (Field Data)

• Gerçek kullanıcılardan toplanan veriler
• Chrome User Experience Report (CrUX) kaynaklı
• Son 28 günün ortalaması
• Gerçek dünya performansını gösterir

Laboratuvar Verisi (Lab Data)

• Kontrollü ortamda yapılan test
• Sabit ağ ve cihaz koşulları
• Tutarlı karşılaştırma için ideal
• Sorunları tespit etmek için kullanılır

Her ikisi de önemli ama ben SEO çalışmalarımda alan verisine daha çok önem veriyorum çünkü Google da bunu kullanıyor.

PageSpeed Insights’ın Avantajları ve Sınırlamaları

Avantajları:

• Google’ın resmi aracı olması
• Core Web Vitals odaklı olması
• Hem mobil hem masaüstü testi
• Detaylı iyileştirme önerileri
• Ücretsiz ve sınırsız kullanım

Sınırlamaları:

• Sadece genel performansa odaklanır
• Detaylı waterfall analizi yok
• Bazen tutarsız sonuçlar verebilir
• Premium özellikler yok

2. GTmetrix – Detaylı Website Hız Testi Platformu

GTmetrix, website hız testi konusunda en kapsamlı araçlardan biri. PageSpeed Insights’tan daha detaylı analiz sunar.

GTmetrix’in Benzersiz Özellikleri

Waterfall Diyagramı

• Her kaynağın yüklenme süresini gösterir
• Darboğazları tespit etmek için mükemmel
• DNS, bağlantı, SSL el sıkışma sürelerini gösterir

Video Analizi

• Sayfanın yüklenme sürecini videoda gösterir
• Frame-by-frame analiz
• Kullanıcı deneyimini görselleştirme

Test Lokasyonları

• Farklı coğrafi bölgelerden test yapabilme
• Vancouver, Hong Kong, London, Mumbai gibi lokasyonlar
• CDN performansını test etmek için ideal

Tarayıcı Seçenekleri

• Chrome, Firefox seçimi
• Mobil ve masaüstü emülasyonu
• Farklı ekran çözünürlükleri

GTmetrix ile Website Hız Testi Nasıl Yapılır?

Adım adım süreç:

1. GTmetrix.com‘a gidin
2. Ücretsiz hesap oluşturun (daha fazla özellik için)
3. URL’nizi girin
4. Test lokasyonunu seçin
5. “Analyze” butonuna tıklayın
6. Sonuçları bekleyin (1-2 dakika)

Ben özellikle e-ticaret projelerimde GTmetrix’i kullanıyorum çünkü her bir ürün resminin yükleme süresini görebiliyorum.

GTmetrix Rapor Bölümleri

Performance Scores

• GTmetrix Grade (A-F arası)
• Web Vitals değerleri
• Sayfa detayları (boyut, istek sayısı)

Structure

• Sayfa yapısı analizi
• HTML, CSS, JavaScript optimizasyonu
• Sıkıştırma ve minifikasyon önerileri

Waterfall

• Her kaynağın detaylı yükleme süresi
• Renkli kodlama ile sorun tespiti:
  
  • Yeşil: HTML içeriği
  • Mavi: JavaScript
  • Mor: CSS
  • Kırmızı: Görseller

Video

• Yüklenme sürecinin video kaydı
• Filmstrip görünümü
• İlk anlamlı boyama zamanı

History

• Geçmiş testlerin karşılaştırması
• Zaman içinde performans trendi
• İyileştirmelerin etkisini görmek için mükemmel

Ücretsiz vs. Premium Özellikler

Ücretsiz:

• Günlük sınırlı test
• Temel lokasyonlar
• Temel raporlama

Premium:

• Sınırsız test
• Daha fazla lokasyon
• Öncelikli test sırası
• API erişimi
• Daha uzun video analizi
• Test ayarlarında daha fazla kontrol

Profesyonel website hız testi yapıyorsanız, premium versiyonu öneririm. Ben de kullanıyorum.

GTmetrix ile En Yaygın Sorunları Tespit Etme

GTmetrix, bu sorunları çok net gösterir:

Yavaş Sunucu Yanıt Süresi (TTFB)

• Server yanıt süresinin yüksek olması
• Hosting kalitesi sorunu
• Veritabanı optimizasyonu gerekli

Büyük Görseller

• Optimize edilmemiş resimler
• Yanlış format (JPEG yerine PNG kullanımı)
• Boyutlandırma eksikliği

Render-Blocking Kaynakları

• CSS ve JavaScript’in sayfayı bloke etmesi
• Kritik CSS’in inline olmaması
• Async/defer kullanılmaması

Çok Fazla HTTP İsteği

• Aşırı eklenti kullanımı
• Kombine edilmemiş dosyalar
• Sprite kullanılmaması

WordPress sitelerinde bu sorunlarla çok sık karşılaşıyorum.

3. Pingdom Website Speed Test – Basit ve Etkili

Pingdom, website hız testi için kullanıcı dostu bir başka popüler araç. Özellikle başlangıç seviyesindekiler için idealdir.

Pingdom’un Güçlü Yönleri

Basit Arayüz

• Karmaşık teknik terimler yok
• Görsel olarak anlaşılır raporlar
• Renk kodlu performans notları

Hızlı Test Süresi

• 30 saniye içinde sonuç
• Minimal bekleme süresi

Tarihsel Karşılaştırma

• Geçmiş performans trendi
• İyileştirmelerin etkisini görmek kolay

Uptime Monitoring

• Site erişilebilirliğini sürekli izleme
• Downtime alarmları
• Premium özellik olarak

Pingdom ile Website Hız Testi Yapma

Test süreci çok basit:

1. Pingdom Tools sayfasına gidin
2. URL’nizi girin
3. Test lokasyonunu seçin (Tokyo, Stockholm, Washington, vb.)
4. “Start Test” butonuna tıklayın
5. Sonuçları inceleyin

Ben özellikle müşterilere website hız testi sonuçlarını gösterirken Pingdom’u tercih ediyorum çünkü sonuçlar çok anlaşılır.

Pingdom Rapor Özeti

Raporun ana bölümleri:

Performance Grade

• 0-100 arası puan
• Renk kodlu (yeşil, sarı, kırmızı)
• Genel performans özeti

Sayfa Analizi

• Toplam yükleme süresi
• Sayfa boyutu
• İstek sayısı

İçerik Türüne Göre Dağılım

• HTML, CSS, JavaScript, görseller
• Her biri için boyut ve istek sayısı
• Hangi içerik tipinin sorun olduğunu gösterir

İstek Analizi (Waterfall)

• Her dosyanın yüklenme zamanlaması
• DNS, bağlantı, SSL, indirme süreleri
• Yavaş yüklenen dosyaları tespit etme

Pingdom’un Önerileri

Her website hız testi sonrası Pingdom şunları önerir:

Leverage Browser Caching

• Tarayıcı önbelleğini kullanma
• Expire headers eklemek
• Daha hızlı tekrar ziyaretler

Minify CSS/JavaScript

• Gereksiz boşluk ve karakterleri kaldırma
• Dosya boyutunu küçültme
• Yükleme hızını artırma

Optimize Images

• Görselleri sıkıştırma
• Doğru format kullanma
• WebP formatına geçiş

Enable Gzip Compression

• Metin tabanlı dosyaları sıkıştırma
• %70’e kadar boyut azaltma
• Sunucu tarafında aktifleştirme

Web tasarım projelerimde bu önerilerin hepsini uyguluyorum.

Pingdom’u Sürekli İzleme İçin Kullanma

Pingdom’un premium özelliği ile:

Uptime Monitoring

• Her 1 dakikada bir kontrol
• Site çökerse anında bildirim
• E-posta, SMS, Slack entegrasyonu

Real User Monitoring (RUM)

• Gerçek kullanıcı deneyimi verileri
• Coğrafi dağılım analizi
• Tarayıcı ve cihaz bazlı performans

Transaction Monitoring

• Kritik kullanıcı akışlarını test
• E-ticaret checkout süreci
• Login işlemleri

Bu özellikler, özellikle e-ticaret siteleri için hayati öneme sahip.

4. WebPageTest – İleri Seviye Website Hız Testi

WebPageTest, teknik kullanıcılar için en detaylı website hız testi aracıdır. Açık kaynak kodlu ve tamamen ücretsiz olması büyük avantaj.

WebPageTest’in Benzersiz Özellikleri

Gerçek Tarayıcı Testi

• Emülatör değil, gerçek tarayıcılar
• Chrome, Firefox, Internet Explorer
• Gerçek dünya koşullarını yansıtır

Bağlantı Hızı Emülasyonu

• 3G, 4G, LTE, Kablo, DSL
• Düşük hızlı bağlantıları simüle etme
• Mobil performansı gerçekçi test etme

Detaylı Filmstrip Görünümü

• 0.1 saniyelik aralıklarla ekran görüntüleri
• First Paint, First Contentful Paint’i görsel olarak gösterme
• Kullanıcının ne gördüğünü anlama

Çoklu Test Lokasyonları

• Dünya çapında 40+ lokasyon
• Farklı coğrafyalardan performans
• CDN etkinliğini test etme

WebPageTest ile Gelişmiş Website Hız Testi

Kurulum ve test:

1. WebPageTest.org‘a gidin
2. URL’nizi girin
3. Advanced Settings açın:
   
   • Test Location seçin
   • Browser seçin
   • Connection hızı belirleyin
   • Tekrar sayısını ayarlayın (3 tekrar önerilir)
   • Video capture aktif edin
4. “Start Test” butonuna tıklayın
5. Sonuçları bekleyin (2-5 dakika sürebilir)

Ben özellikle karmaşık web uygulamalarında WebPageTest’i kullanıyorum.

WebPageTest Raporlarını Anlama

Raporlar çok detaylıdır:

Summary

• Load Time: Tam yüklenme süresi
• First Byte: TTFB
• Start Render: İlk boyama
• Speed Index: Hız endeksi
• Security Score: Güvenlik puanı

Details

• First View: İlk ziyaret performansı
• Repeat View: Önbellekten yüklenme
• Waterfall Chart: Detaylı kaynak analizi

Performance Review

• Cache static content
• Use of CDN
• Compress images
• Compress transfer
• Enable gzip
• Progressive JPEGs

Content Breakdown

• İçerik türüne göre boyut ve istek dağılımı
• Hangi içerik tipinin dominant olduğu

Screen Shots

• Filmstrip görünümü
• Her 0.1 saniyedeki görüntü
• Visual comparison

WebPageTest’in İleri Düzey Özellikleri

Script Testing

• Kullanıcı akışlarını otomatik test
• Login sonrası sayfaları test
• Form gönderimi simülasyonu

Comparison Tool

• İki URL’yi yan yana karşılaştırma
• Before/after optimizasyon sonuçları
• Rakip analizi

Bulk Testing

• Birden fazla URL’yi aynı anda test
• CSV dosyası ile toplu test
• Site genelinde performans analizi

Custom Waterfall

• Waterfall grafiğini özelleştirme
• Belirli kaynak türlerini filtreleme
• Kritik kaynakları vurgulama

Bu özellikler, profesyonel website hız testi için mükemmel.

WebPageTest API Kullanımı

Geliştiriciler için:

// Örnek API çağrısı
const testUrl = 'https://cagataydemir.com.tr';
const apiKey = 'YOUR_API_KEY';

fetch(`https://www.webpagetest.org/runtest.php?url=${testUrl}&k=${apiKey}`)
  .then(response => response.json())
  .then(data => console.log(data));

API ile:

• Otomatik testler
• CI/CD pipeline entegrasyonu
• Sürekli performans izleme
• Özel raporlama

SEO projelerimde WebPageTest API’sini kullanarak aylık performans raporları oluşturuyorum.

5. Lighthouse – Chrome DevTools İle Entegre Website Hız Testi

Lighthouse, Chrome tarayıcısına entegre bir website hız testi ve denetim aracıdır. Hem tarayıcı içinde hem de komut satırından kullanılabilir.

Lighthouse’un Avantajları

Tarayıcı Entegrasyonu

• Chrome DevTools’un bir parçası
• Ekstra araç yükleme gerektirmez
• Hemen kullanıma hazır

Kapsamlı Denetim

• Performans
• Erişilebilirlik
• En iyi uygulamalar
• SEO
• Progressive Web App (PWA)

Otomatik Öneriler

• Her sorun için çözüm önerileri
• Kod örnekleri
• Dokümantasyon linkleri

Açık Kaynak

• Tamamen ücretsiz
• Topluluk desteği
• Sürekli güncellenen

Chrome DevTools ile Lighthouse Kullanımı

Basit adımlar:

1. Chrome tarayıcısında sitenizi açın
2. F12’ye basarak DevTools’u açın
3. “Lighthouse” sekmesine geçin
4. Test kategorilerini seçin (hepsi önerilir)
5. Cihaz tipini seçin (Mobile/Desktop)
6. “Generate report” butonuna tıklayın
7. Sonuçları inceleyin

Bu yöntemle website hız testi yapmak çok pratik çünkü geliştirme yaparken anında test edebilirsiniz.

Lighthouse Komut Satırı Kullanımı

Gelişmiş kullanıcılar için:

# Lighthouse kurulumu
npm install -g lighthouse

# Basit test
lighthouse https://cagataydemir.com.tr

# Sadece performans testi
lighthouse https://cagataydemir.com.tr --only-categories=performance

# Mobil test
lighthouse https://cagataydemir.com.tr --preset=mobile

# Sonuçları HTML olarak kaydet
lighthouse https://cagataydemir.com.tr --output=html --output-path=./report.html

Lighthouse Rapor Bölümleri

Metrics

• First Contentful Paint (FCP)
• Largest Contentful Paint (LCP)
• Total Blocking Time (TBT)
• Cumulative Layout Shift (CLS)
• Speed Index

Her metrik için:

• Gerçek değer
• Puan (0-100)
• Renk kodu (yeşil/turuncu/kırmızı)

Opportunities

• Potansiyel zaman kazancı gösteren iyileştirmeler
• Tahmini kazanç (saniye cinsinden)
• Öncelik sıralaması

Diagnostics

• Performansı etkileyen diğer faktörler
• En iyi uygulamalardan sapmalar
• Uyarı seviyesinde sorunlar

Passed Audits

• Başarılı geçilen testler
• Doğru yapılan uygulamalar
• Motivasyon için önemli

Lighthouse CI ile Sürekli İzleme

Gelişmiş kullanım:

# .lighthouserc.yml
ci:
  collect:
    url:
      - https://cagataydemir.com.tr
    numberOfRuns: 3
  assert:
    preset: 'lighthouse:recommended'
    assertions:
      'first-contentful-paint': ['error', {maxNumericValue: 2000}]
      'largest-contentful-paint': ['error', {maxNumericValue: 2500}]

Bu konfigürasyon ile:

• Her deploy öncesi performans testi
• Performans regresyonlarını yakalama
• Otomatik başarısızlık bildirimi
• Sürekli optimizasyon döngüsü

WordPress projelerimde Lighthouse CI kullanarak her güncelleme sonrası performansı kontrol ediyorum.

Lighthouse ile En İyi Uygulamalar

Lighthouse sadece hız değil, aynı zamanda:

SEO Denetimi

• Meta etiketleri
• Mobil uyumluluk
• Yapılandırılmış veri
• Robots.txt
• Sitemap

Erişilebilirlik

• ARIA etiketleri
• Renk kontrastı
• Form etiketleri
• Alt metinler

Best Practices

• HTTPS kullanımı
• Güvenlik başlıkları
• Konsol hataları
• Kütüphane güncelliği

Bu kapsamlı denetim, website hız testinin ötesine geçer ve genel site kalitesini değerlendirir.

6. WebPageTest vs GTmetrix vs PageSpeed Insights – Hangisini Kullanmalısınız?

Her website hız testi aracının güçlü ve zayıf yönleri var. Doğru aracı seçmek, ihtiyaçlarınıza bağlı.

Araç Karşılaştırma Tablosu

Kullanım Senaryolarına Göre Öneri

Hızlı Genel Kontrol İçin:

• PageSpeed Insights veya Pingdom
• 30 saniyede sonuç
• Basit öneriler
• Müşterilere göstermek için ideal

Detaylı Teknik Analiz İçin:

• WebPageTest veya GTmetrix
• Waterfall analizi
• Video kayıt
• Her kaynağın detayı

SEO ve Google Uyumluluğu İçin:

• PageSpeed Insights (Google’ın resmi aracı)
• Lighthouse (Core Web Vitals odaklı)
• Gerçek sıralama sinyalleri

Sürekli İzleme İçin:

• GTmetrix Premium veya Pingdom
• Otomatik testler
• Alarm bildirimleri
• Trend analizi

Geliştirme Sırasında:

• Lighthouse (Chrome DevTools)
• Anında test
• Her değişiklik sonrası kontrol
• Yerel geliştirme ortamında kullanım

Ben genellikle PageSpeed Insights ile başlıyor, GTmetrix ile detaylandırıyor ve WebPageTest ile sorunları derinlemesine inceliyorum.

Tutarlı Sonuçlar İçin İpuçları

Website hız testi sonuçları bazen tutarsız olabilir:

Test Zamanlamasına Dikkat

• Yoğun saatlerde sunucu yavaş olabilir
• Hafta sonu vs. hafta içi farkı
• Kampanya dönemlerinde farklı sonuçlar

Önbellek Durumunu Kontrol

• İlk ziyaret vs. tekrar ziyaret
• Önbellek temizleyip test etme
• Tutarlı koşullar sağlama

Birden Fazla Test Yapın

• En az 3 test
• Ortalamasını alın
• Aşırı uç değerleri yok sayın

Aynı Lokasyondan Test

• Tutarlı coğrafi konum
• CDN etkisini minimize etme
• Gerçek kullanıcı lokasyonunu yansıtma

Website Hız Testi Sonuçlarını İyileştirme: Pratik Adımlar

Website hız testi yaptıktan sonra sıra sonuçları iyileştirmeye gelir. İşte en etkili yöntemler:

Görsel Optimizasyonu

Görseller, sayfa boyutunun %50-70’ini oluşturur:

Format Seçimi

• Fotoğraflar için JPEG
• İkonlar ve logolar için SVG
• Transparan PNG gerekmedikçe JPEG
• Modern tarayıcılar için WebP

Sıkıştırma

• Kayıpsız sıkıştırma (lossless)
• Kalite ayarı (%80-85 genellikle yeterli)
• Araçlar: TinyPNG, ImageOptim, Squoosh

Lazy Loading

• Ekran dışı görselleri yüklemeyi ertele
• Kullanıcı kaydırdıkça yükle
• Native lazy loading: <img loading="lazy">

Doğru Boyutlandırma

• Gösterilen boyutta görseller kullan
• Responsive images: srcset ve sizes
• Mobil için ayrı küçük görseller

Ben web tasarım projelerimde görsel optimizasyonuna çok önem veriyorum çünkü en kolay ve en etkili iyileştirme bu.

Sunucu Yanıt Süresini İyileştirme (TTFB)

İyi bir TTFB, 200ms’nin altında olmalıdır:

Kaliteli Hosting

• Ucuz shared hosting yerine VPS/dedicated
• SSD depolama
• Yeterli RAM ve işlemci
• Türkiye’ye yakın sunucu lokasyonu

Önbellek Mekanizmaları

• Server-side caching (Redis, Memcached)
• Object caching
• Page caching
• Database query caching

Veritabanı Optimizasyonu

• Gereksiz revizyon ve spam temizleme
• Index kullanımı
• Ağır sorgularda optimizasyon
• Database cleanup işlemleri

CDN Kullanımı

• Cloudflare, BunnyCDN, KeyCDN
• Statik içerikleri edge sunuculara dağıtma
• Geografik olarak kullanıcıya yakın sunucudan yayın
• DDoS koruması bonus

WordPress sitelerinde hosting ve önbellek optimizasyonu, performans iyileştirmesinin %80’ini oluşturur.

CSS ve JavaScript Optimizasyonu

Render-blocking kaynaklarını minimize edin:

Minification

• Gereksiz boşluk, yorum satırlarını kaldır
• Değişken isimlerini kısalt
• Dosya boyutunu %30-40 azaltabilir

Combination

• Birden fazla CSS/JS dosyasını birleştir
• HTTP istek sayısını azalt
• HTTP/2’de daha az kritik ama yine de yararlı

Async ve Defer

<!-- Async: Paralel indir, hemen çalıştır -->
<script async src="analytics.js"></script>

<!-- Defer: Paralel indir, sayfa yüklendikten sonra çalıştır -->
<script defer src="main.js"></script>

Critical CSS

• Above-the-fold CSS’i inline yap
• Geri kalan CSS’i async yükle
• İlk boyamayı hızlandır

Gereksiz Eklentileri Kaldırma

• Kullanılmayan WordPress eklentileri
• Benzer işlev yapan eklentileri birleştir
• Ağır eklentilere hafif alternatifler

Önbellek Stratejileri

Etkili önbellekleme, tekrar ziyaretleri hızlandırır:

Browser Caching

# .htaccess örneği
<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/jpg "access plus 1 year"
  ExpiresByType image/jpeg "access plus 1 year"
  ExpiresByType image/png "access plus 1 year"
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType application/javascript "access plus 1 month"
</IfModule>

Page Caching

• WordPress için WP Rocket, W3 Total Cache
• Tüm sayfayı HTML olarak önbelleğe al
• Dinamik içerikler için uygun değil

Object Caching

• Veritabanı sorgularını önbelleğe al
• Redis veya Memcached kullan
• Çok ziyaret edilen sayfalarda kritik

CDN Caching

• Statik içerikleri edge sunuculara dağıt
• Otomatik önbellekleme
• Cache invalidation ayarları

Mobil Performans İyileştirmesi

Mobil website hız testi sonuçlarını iyileştirmek için:

AMP (Accelerated Mobile Pages)

• Google’ın mobil hızlandırma projesi
• Çok hızlı yükleme
• Sınırlı özellikler
• Blog ve haber siteleri için ideal

Progressive Web App (PWA)

• Offline çalışma
• Push notifications
• Ana ekrana ekleme
• App-like deneyim

Mobil-First Tasarım

• Önce mobil için optimize et
• Desktop versiyonu ekle
• Touch-friendly arayüz
• Büyük dokunma alanları

Adaptif Görseller

<picture>
  <source media="(max-width: 767px)" srcset="mobile.jpg">
  <source media="(max-width: 1023px)" srcset="tablet.jpg">
  <img src="desktop.jpg" alt="Açıklama">
</picture>

Mobil web tasarımda performans, masaüstünden çok daha kritiktir.

Core Web Vitals İyileştirme

Google’ın sıralama sinyalleri:

LCP İyileştirmesi (Largest Contentful Paint)

• Hero görseli optimize edin
• Server yanıt süresini azaltın
• Render-blocking CSS/JS dosyalarını minimize edin
• Kritik kaynakları preload edin

FID İyileştirmesi (First Input Delay)

• JavaScript execution süresini azaltın
• Uzun görevleri bölün
• Web Worker kullanın
• Third-party script’leri erteleyin

CLS İyileştirmesi (Cumulative Layout Shift)

• Görsellere width ve height değerleri ekleyin
• Font yüklenmesini optimize edin
• Dinamik içerikler için alan ayırın
• Animasyonlarda transform kullanın

Bu metrikler, SEO çalışmalarımda en çok odaklandığım noktalardır.

Website Hız Testi Yaparken Sık Yapılan Hatalar

Müşterilerimden sıklıkla duyduğum hatalara ve çözümlerine bakalım:

1. Sadece Ana Sayfayı Test Etmek

Hata: Çoğu kişi sadece ana sayfada website hız testi yapıyor.

Sorun: Her sayfa farklı performans gösterebilir:

• Ürün sayfaları daha yavaş olabilir
• Blog yazıları farklı optimizasyon gerektirebilir
• İletişim formu sayfaları farklı kaynaklar yükleyebilir

Çözüm:

• En az 5-10 farklı sayfa test edin
• En çok ziyaret edilen sayfaları önceliklendirin
• E-ticaret sitelerinde ürün sayfalarını mutlaka test edin
• Checkout sürecini ayrıca test edin

2. Test Sonuçlarını Yanlış Yorumlamak

Hata: “100 puan almadım, site kötü” düşüncesi.

Gerçek:

• 90+ puan: Mükemmel
• 70-89 puan: İyi
• 50-69 puan: Orta
• 50’nin altı: Zayıf

Ayrıca Core Web Vitals, toplam puandan daha önemlidir. 70 puan alan ancak Core Web Vitals metriklerini geçen bir site, 90 puan alıp Core Web Vitals’ı geçemeyen bir siteden daha başarılı olabilir.

3. Tek Testle Karar Vermek

Hata: Bir kez test edip sonuca göre hareket etmek.

Sorun: Sonuçlar değişkenlik gösterebilir:

• Sunucu yükü dalgalanabilir
• Network koşulları değişebilir
• Test sunucusu meşgul olabilir

Çözüm:

• En az 3 test yapın
• Ortalamasını alın
• Aşırı uç değerleri hariç tutun
• Farklı saatlerde test yapın

4. Lokal Ortamda Test Yapmamak

Hata: Sadece canlı sitede website hız testi yapmak.

Sorun: Optimizasyon denemelerini canlı ortamda yapmak risklidir.

Çözüm:

• Staging/test ortamı kurun
• Lokal sunucuda Lighthouse kullanın
• Değişiklikleri önce test edin
• Başarılıysa canlıya geçirin

5. Kullanıcı Deneyimini Göz Ardı Etmek

Hata: Sadece sayısal skorlara odaklanmak.

Gerçek: Bazen performans skoru düşük olsa da kullanıcı deneyimi iyi olabilir:

• Progressive rendering kullanılıyorsa
• Above-the-fold içerik hızlı yükleniyorsa
• Önemli etkileşimler hızlı gerçekleşiyorsa

Çözüm:

• Gerçek cihazlarda test yapın
• Kullanıcı geri bildirimlerini toplayın
• Analytics üzerinden bounce rate’i analiz edin
• A/B testleri uygulayın

Website Hız Testi Sonrası Aksiyon Planı

Website hız testi sonrasında sistematik bir yaklaşım izlemek önemlidir.

1. Mevcut Durumu Belgeleme

Başlangıç Benchmark’ı:

• Tüm araçlarla test yapın
• Ekran görüntüsü alın
• Tarihleri not edin
• Kritik metrikleri kaydedin

Örnek Benchmark Tablosu

2. Sorunları Önceliklendirme

Her sorunu aynı anda çözemezsiniz. Bu nedenle önceliklendirme kritik öneme sahiptir.

Yüksek Öncelik (Hemen Yapılmalı)

• Core Web Vitals metriklerini geçmeyen değerler
• 500KB üzerindeki büyük görseller
• 500ms üzeri sunucu yanıt süresi
• Render-blocking CSS ve JavaScript dosyaları

Orta Öncelik (1–2 Hafta İçinde)

• Önbellek (caching) ayarlarının optimize edilmesi
• CSS ve JS minification
• Lazy loading implementasyonu
• Third-party script optimizasyonu

Düşük Öncelik (Uzun Vadeli)

• AMP implementasyonu
• PWA özellikleri
• HTTP/3 geçişi
• Gelişmiş CDN özellikleri

3. İyileştirmeleri Uygulama

Optimizasyon sürecinde sistematik ilerlemek önemlidir.

A. Hızlı Kazançlar (Quick Wins)

İlk 1 hafta içinde:

• Görselleri sıkıştırın ve yeniden boyutlandırın
• Browser caching aktif edin
• Gereksiz eklentileri kaldırın
• CSS ve JS minification uygulayın

B. Orta Vadeli İyileştirmeler

2–4 hafta içinde:

• CDN entegrasyonu yapın
• Database optimizasyonu gerçekleştirin
• Lazy loading sistemini geliştirin
• Critical CSS yapısını oluşturun

C. Uzun Vadeli Projeler

1–3 ay içinde:

• Hosting altyapısını değerlendirin ve gerekirse değiştirin
• Tema performansını analiz edin
• Code refactoring uygulayın
• Mimari (architecture) iyileştirmeler yapın

4. Test ve Ölçme

Her iyileştirme sonrasında mutlaka yeniden test yapılmalıdır.

• Aynı araçlarla tekrar test edin
• Sonuçları önceki verilerle karşılaştırın
• İyileşme yüzdesini hesaplayın
• Analytics verileri üzerinden kullanıcı davranışlarını analiz edin

Örnek İyileşme Raporu

Uygulanan İyileştirmeler

1. Görseller optimize edildi (-1.2MB)
2. Lazy loading eklendi
3. WP Rocket yapılandırıldı
4. CDN aktif edildi

Kullanıcı Etkisi

• Bounce Rate: %68 → %42 (%38 iyileşme)
• Session Duration: 1:24 → 2:15 (%53 artış)
• Pages/Session: 1.8 → 2.9 (%61 artış)

5. Sürekli İzleme

Website hız testi bir kerelik iş değil, sürekli süreçtir:

Haftalık:

• Core Web Vitals kontrol
• Uptime monitoring
• Kullanıcı şikayetlerini incele

Aylık:

• Tam performans denetimi
• Rakip analizi
• Trend raporu
• İyileştirme fırsatları

Üç Ayda Bir:

• Kapsamlı teknik denetim
• Hosting değerlendirmesi
• Plugin/theme güncelliği
• Güvenlik kontrolü

Ben müşterilerime aylık SEO raporlarımda performans verilerini de ekliyorum.

Sektöre Özel Website Hız Testi İpuçları

Farklı sektörlerin farklı performans öncelikleri var:

E-Ticaret Siteleri

Kritik Metrikler:

• Checkout süreci hızı
• Ürün sayfası yükleme
• Sepet sayfası performansı
• Arama hızı

Özel İpuçları:

• Ürün görselleri progressive JPEG
• Infinite scroll yerine pagination
• AJAX sepet güncellemeleri
• Ödeme sayfasını ultra hızlı tut

E-ticaret web tasarım projelerimde, checkout sürecinin hızı en yüksek öncelik.

Blog ve İçerik Siteleri

Kritik Metrikler:

• İlk paragrafın yüklenme hızı
• Okuma deneyimi sürekliliği
• Reklam yükleme performansı

Özel İpuçları:

• Lazy load görseller
• Infinite scroll optimize et
• Font yüklemeyi optimize et
• Reklam network’ü akıllıca seç

Blog web tasarım projelerinde içerik odaklı optimizasyon yapıyorum.

Kurumsal Web Siteleri

Kritik Metrikler:

• Ana sayfa ilk izlenimi
• İletişim formu performansı
• Portfolio/referans sayfaları

Özel İpuçları:

• Hero görseli optimize et
• Video autoplay dikkatli kullan
• Animasyonları GPU’ya taşı
• Form validation performansı

Kurumsal web tasarım projelerinde marka imajı kadar hız da önemli.

Landing Page’ler

Kritik Metrikler:

• Above-the-fold yükleme
• CTA butonunun görünme süresi
• Form yükleme hızı

Özel İpuçları:

• Tek sayfa, minimal kaynak
• Critical CSS inline
• Form third-party service’i defer et
• A/B testlerde performansı da test et

Landing page tasarımında her milisaniye dönüşüm oranını etkiler.

Sonuç: Website Hız Testi – Sürekli İyileştirme Yolculuğu

Website hız testi yapmak, dijital başarının temel taşlarından biridir. Bu kapsamlı rehberde öğrendiklerinizi özetleyelim:

Ana Çıkarımlar

1. Hız, kullanıcı deneyiminin temelidir – Yavaş siteler kullanıcı kaybeder
2. SEO için kritiktir – Google hızı resmi sıralama faktörü olarak kullanır
3. Dönüşüm oranlarını doğrudan etkiler – Her saniye iyileştirme gelir artışı demek
4. Tek bir araç yeterli değil – Farklı araçlar farklı bakış açıları sunar
5. Sürekli izleme gereklidir – Performans zamanla düşebilir

En İyi 6 Website Hız Testi Aracı

1. Google PageSpeed Insights – Genel performans ve Google uyumluluğu
2. GTmetrix – Detaylı analiz ve waterfall
3. WebPageTest – İleri seviye teknik analiz
4. Lighthouse – Kapsamlı denetim ve geliştirme entegrasyonu
5. Pingdom – Basit kullanım ve sürekli izleme
6. Chrome DevTools – Gerçek zamanlı geliştirme analizi

Eyleme Geçirin!

Şimdi yapmanız gerekenler:

Bugün:

• Sitenizde website hız testi yapın (en az 3 araçla)
• Mevcut performansınızı belgeleyin
• En kritik sorunları tespit edin

Bu Hafta:

• Hızlı kazanımları uygulayın (görsel optimizasyonu, önbellek)
• Gelişmiş araçları keşfedin
• Rakiplerinizin performansını analiz edin

Bu Ay:

• Kapsamlı optimizasyon planı yapın
• Uzun vadeli iyileştirmeleri başlatın
• Sürekli izleme sistemini kurun

Ücretsiz Teknik SEO Analizi ile Başlayın!

Web sitenizin hızı dahil tüm teknik SEO yönlerini değerlendirmek için ücretsiz teknik SEO analizi hizmeti sunuyorum. Bu analizde:

• Kapsamlı website hız testi (tüm araçlarla)
• Core Web Vitals değerlendirmesi
• Mobil performans analizi
• Rakip performans karşılaştırması
• Öncelikli iyileştirme önerileri
• Detaylı aksiyon planı

Profesyonel Destek Alın

Eğer performans optimizasyonu konusunda profesyonel desteğe ihtiyacınız varsa, doğru yerdesiniz. Yıllardır verdiğim web tasarım ve SEO hizmetiyle yüzlerce web sitesinin performansını optimize ettim.

Hizmetlerim:

• Teknik performans optimizasyonu
• WordPress hızlandırma
• CDN kurulumu ve yapılandırması
• Hosting danışmanlığı
• Sürekli performans izleme
• Aylık optimizasyon raporları

Son Söz

Website hız testi yapmak ve sonuçları iyileştirmek, teknik bir süreç gibi görünse de aslında kullanıcılarınıza verdiğiniz değerin bir göstergesidir. Hızlı bir site, “sizin için beklemeye değer” değil, “size saygı duyuyoruz” der.

Her milisaniye iyileştirme, daha mutlu kullanıcılar, daha iyi SEO sıralaması ve daha yüksek gelir demektir. Bu yolculukta size rehberlik etmek için buradayım.

Hemen harekete geçin:

• Ücretsiz teknik analiz talep edin
• Performans sorunlarınızı benimle paylaşın
• Özel bir optimizasyon planı oluşturalım
• Web sitenizi hızlandırma yolculuğuna başlayın

Başarılı bir web sitesi, sadece güzel değil, aynı zamanda hızlı olmalıdır. Bu iki özelliği bir araya getirmek için buradayım!

Not: Bu yazıdaki araçlar ve öneriler, güncel en iyi uygulamaları yansıtmaktadır ancak teknoloji sürekli gelişir. Düzenli olarak website hız testi yaparak güncel kalın ve performansınızı sürekli iyileştirin.

Daha fazla bilgi edinmek veya profesyonel destek almak isterseniz, cagataydemir.com.tr adresinden hizmetlerime göz atabilirsiniz. Daha fazla ipucu ve güncel içerikler için LinkedIn profilimi takipte kalın!