Web Sitesi Hız Testi Nasıl Yapılır?

03 Eyl Web Sitesi Hız Testi Nasıl Yapılır?

Web sitesi hız testi, bir web sitesinin ziyaretçilere ne kadar hızlı yüklendiğini ölçen, performans sorunlarını tespit eden ve iyileştirme önerilerini somut verilerle ortaya koyan analiz sürecidir. Sayfa hızı; yalnızca teknik bir metrik değil, kullanıcı deneyimini, Google sıralamasını ve dönüşüm oranlarını doğrudan etkileyen kritik bir performans göstergesidir.

Google’ın araştırmaları; mobil cihazlarda 3 saniyenin üzerinde yüklenen sayfaların ziyaretçilerin yüzde 53’ünü kaybettiğini ortaya koymaktadır. Bu oran; web sitesi hız testinin neden düzenli yapılması gereken bir rutin olduğunu tek başına açıklar. Sitenizin hızını bilmeden iyileştirmeniz mümkün değildir; hız testi bu iyileştirme sürecinin başlangıç noktasıdır.

Web Sitesi Hız Testinde Hangi Metrikler Ölçülür?

Web sitesi hız testinde hangi metrikler ölçülür sorusu; test sonuçlarını doğru yorumlayabilmek için öncelikle yanıtlanması gereken temel bir sorudur. Farklı araçlar farklı metrikler sunar ancak aşağıdaki temel göstergeler tüm profesyonel araçlarda ortak olarak yer alır.

Metrik	Açıklama	İdeal Değer
TTFB (Time to First Byte)	Tarayıcının sunucudan ilk veriyi aldığı süre	200ms altı
FCP (First Contentful Paint)	Sayfada ilk içeriğin göründüğü an	1.8 saniye altı
LCP (Largest Contentful Paint)	En büyük içerik öğesinin yüklenme süresi	2.5 saniye altı
TTI (Time to Interactive)	Sayfanın tamamen etkileşime hazır hale gelmesi	3.8 saniye altı
TBT (Total Blocking Time)	Ana iş parçacığının engellendiği toplam süre	200ms altı
CLS (Cumulative Layout Shift)	Sayfa yüklenirken oluşan görsel kayma miktarı	0.1 altı
Sayfa Ağırlığı	Sayfanın toplam indirilen veri boyutu	1MB altı tercih edilir
HTTP İstek Sayısı	Sayfanın yüklenmesi için yapılan toplam istek	Az olduğu kadar iyi

Bu metriklerin tamamını bir arada değerlendirmek; sitenizin performans profilini bütüncül biçimde anlamanızı sağlar. Yalnızca toplam yüklenme süresine bakmak; sorunun kaynağını gizleyebilir. Web sitesi analitik takibi içeriğimizde bu metriklerin analitik süreçle nasıl entegre edildiğini daha ayrıntılı ele aldık.

Google PageSpeed Insights ile Hız Testi Nasıl Yapılır?

Google PageSpeed Insights ile hız testi nasıl yapılır sorusu; en yaygın ve en güvenilir hız test aracının doğru kullanımını ele alır. PageSpeed Insights; Google’ın resmi performans analiz aracıdır ve hem laboratuvar verilerini hem de gerçek kullanıcı verilerini (CrUX) bir arada sunar.

PageSpeed Insights kullanım adımları:

1. Araca Erişim
pagespeed.web.dev veya developers.google.com/speed/pagespeed/insights adresine gidin. Herhangi bir hesap oluşturmaya gerek yoktur; araç tamamen ücretsizdir.

2. URL Girişi
Test etmek istediğiniz sayfanın tam URL’sini girin. Ana sayfa için ana URL’yi, blog yazıları için ilgili yazının URL’sini girin. Farklı sayfa türlerini ayrı ayrı test etmek; sorunların hangi sayfalara özgü olduğunu ortaya koyar.

3. Mobil ve Masaüstü Sonuçlarını Ayrı İnceleyin
PageSpeed Insights; mobil ve masaüstü için ayrı skorlar üretir. Google mobil öncelikli indeksleme kullandığından mobil skor her zaman öncelikli değerlendirme kriteridir.

4. Skoru Yorumlama

• 0-49: Kırmızı — Kötü performans, acil iyileştirme gerekli
• 50-89: Turuncu — İyileştirme gerekiyor
• 90-100: Yeşil — İyi performans

5. Fırsat ve Teşhis Bölümlerini İnceleme
“Fırsatlar” bölümü; uygulandığında en fazla hız kazanımı sağlayacak iyileştirmeleri öncelik sırasıyla listeler. “Teşhisler” bölümü ise genel en iyi uygulamalara uyumu kontrol eder. Her öneri tıklandığında ayrıntılı açıklama ve uygulama rehberi sunulur.

GTmetrix ile Derinlemesine Hız Analizi Nasıl Yapılır?

GTmetrix ile derinlemesine hız analizi nasıl yapılır sorusu; PageSpeed Insights’ın ötesinde daha ayrıntılı performans analizi yapmak isteyenler için güçlü bir araç olan GTmetrix’in doğru kullanımını ele alır.

GTmetrix; PageSpeed Insights’tan farklı olarak yüklenme sürecini adım adım gösteren şelale (waterfall) grafiği, video kaydıyla yüklenme görselleştirmesi ve farklı lokasyonlardan test yapabilme özelliği sunar.

GTmetrix’in öne çıkan özellikleri:

Waterfall Grafiği
Sayfanın yüklenmesi sırasında gerçekleşen her HTTP isteğini; başlangıç zamanı, süre ve boyutuyla birlikte sıralı biçimde görselleştirir. Hangi kaynağın ne kadar süre aldığını, hangi isteğin sonraki istekleri geciktirdiğini ve hangi üçüncü taraf scriptlerin sorun çıkardığını net biçimde ortaya koyar.

Video Kaydı
Sayfanın yüklenme sürecini saniye saniye kaydeder. Bu kayıt; CLS sorunlarını ve içeriklerin görünme sıralamasını görsel olarak değerlendirmek için son derece kullanışlıdır.

Lokasyon Seçimi
Farklı coğrafi konumlardan test yapabilme özelliği; hedef kitlenizin bulunduğu bölgedeki gerçek performansı ölçmenizi sağlar. Türkiye’deki ziyaretçileri hedefliyorsanız İstanbul veya yakın bir Avrupa lokasyonundan test yapmak daha gerçekçi sonuçlar verir.

Karşılaştırmalı Test
Optimizasyon öncesi ve sonrası testleri kaydederek iyileştirmenin etkisini somut verilerle görebilirsiniz.

WebPageTest ile İleri Düzey Performans Analizi

WebPageTest ile ileri düzey performans analizi, teknik derinliği yüksek projeler için gerçek cihaz testleri ve kapsamlı raporlama sunan gelişmiş bir açık kaynak aracıdır.

WebPageTest’in öne çıkan özellikleri:

• Gerçek tarayıcı ve gerçek cihazlarla test yapabilme
• Birden fazla lokasyondan eş zamanlı test karşılaştırması
• Bağlantı hızı simülasyonu (3G, 4G, kablo vb.)
• Filmstrip görünümü ile yüklenme sürecinin kare kare analizi
• İlk görünüm (first view) ve tekrar görünüm (repeat view) karşılaştırması; önbellekleme etkinliğini ölçmek için kritik
• Özel komut dosyalarıyla giriş gerektiren sayfaların testi

WebPageTest; GTmetrix ve PageSpeed Insights ile bulunamayan sorunları tespit etmek için geliştiricilerin ve performans uzmanlarının sıkça başvurduğu bir araçtır.

Chrome DevTools ile Anlık Performans Analizi

Chrome DevTools ile anlık performans analizi, herhangi bir harici araç kullanmadan tarayıcı üzerinden gerçekleştirilebilen hız ve performans değerlendirmesidir. Özellikle geliştirme aşamasında anlık kontrol için ideal bir yöntemdir.

Chrome DevTools performans analizi adımları:

Lighthouse ile Audit
Chrome tarayıcısında F12 tuşuna basarak DevTools’u açın. “Lighthouse” sekmesine geçin. Kategori olarak “Performance” seçin ve “Analyze page load” butonuna tıklayın. Sonuçlar; PageSpeed Insights ile aynı motoru kullandığından benzer veriler sunar ancak internet bağlantısı olmadan yerel test yapılabilmesi büyük avantajdır.

Network Sekmesi
Sayfanın yüklenmesi sırasında gerçekleşen tüm HTTP isteklerini anlık gösterir. Büyük dosyaları, yavaş yüklenen kaynakları ve engellenen istekleri tespit etmek için kullanılır.

Performance Sekmesi
CPU kullanımı, bellek tüketimi ve uzun görevler (long tasks) gibi ileri düzey performans metriklerini görselleştirir. JavaScript performans sorunlarının tespitinde kritik bir araçtır.

SEO uyumlu web sitesi nedir içeriğimizde DevTools bulgularının SEO iyileştirme sürecine nasıl entegre edileceğini daha ayrıntılı ele aldık.

Hız Testi Sonuçlarına Göre Hangi İyileştirmeler Yapılmalıdır?

Hız testi sonuçlarına göre hangi iyileştirmeler yapılmalıdır sorusu; test verilerinin somut aksiyonlara nasıl dönüştürüleceğini ele alır. Hız testi yapmak; sorunları tespit etmenin ilk adımıdır. Asıl değer bu sorunların sistematik biçimde çözülmesinden doğar.

En yaygın hız sorunları ve çözüm yöntemleri:

Optimize Edilmemiş Görseller → En Yüksek Etkili İyileştirme
Görseller WebP formatına dönüştürülmeli, uygun boyutlarda yeniden boyutlandırılmalı ve lazy loading uygulanmalıdır. Bu tek adım çoğu durumda skor üzerinde en büyük etkiyi yaratır.

Render-Blocking Kaynaklar → FCP ve LCP İyileştirmesi
CSS ve JavaScript dosyalarının sayfanın ilk görüntülenmesini engellemesi; bu dosyaların async veya defer özelliğiyle yüklenmesiyle çözülür.

Sunucu Yanıt Süresi (TTFB) → Hosting Kalitesi
200ms üzerinde TTFB değeri; hosting altyapısının yetersizliğine, yavaş veritabanı sorgularına veya önbellekleme eksikliğine işaret eder. Hosting yükseltme veya CDN entegrasyonu öncelikli çözüm olarak değerlendirilmelidir.

Kullanılmayan JavaScript → TBT ve TTI İyileştirmesi
Sayfada kullanılmayan JavaScript kütüphaneleri ve eklentiler kaldırılmalı ya da yüklenmesi ertelenmelidir.

CLS Sorunları → Görsel Stabilitesi
Sayfa yüklenirken kaymaya yol açan unsurlar; görsellere sabit boyut tanımlanarak, web fontlarının swap stratejisiyle yüklenmesiyle ve dinamik içeriklere alan rezerve edilerek giderilir.

Web tasarım hizmetleri kapsamında hız optimizasyonu; teslim öncesi her projede mutlaka gerçekleştirilmesi gereken standart bir kalite kontrolüdür.

Hız Testini Ne Sıklıkla Yapmalısınız?

Hız testini ne sıklıkla yapmalısınız sorusu; bu rutinin ne zaman ve hangi tetikleyicilerle gerçekleştirilmesi gerektiğini belirler.

Hız testi yapılması gereken durumlar:

• Aylık rutin performans denetiminde
• Yeni bir eklenti veya tema güncellemesinden sonra
• Yeni sayfalar veya büyük içerik blokları eklendikten sonra
• Trafik artışı veya düşüşü gözlemlendiğinde
• Google Search Console’da Core Web Vitals uyarısı geldiğinde
• Hosting firması veya sunucu değiştirildiğinde
• Kapsamlı bir SEO çalışması öncesinde temel ölçüm olarak

Düzenli hız testi; sorunların büyümeden tespit edilmesini ve sitenizin sürekli olarak rekabetçi bir performans seviyesinde tutulmasını sağlar. Web sitesi bakım ve güncelleme içeriğimizde hız testinin düzenli bakım rutinine nasıl entegre edileceğini daha kapsamlı inceleyebilirsiniz.

Hız Testini Rutininize Alın, Rekabette Öne Geçin

Web sitesi hız testi, sitenizin gerçek performansını görmek ve rakiplerinizin önüne geçmek için düzenli olarak uygulanması gereken en etkili tanı yöntemlerinden biridir. Google PageSpeed Insights ile başlayın; GTmetrix ile derinleştirin; Chrome DevTools ile anlık kontrol edin.

Test sonuçlarını yalnızca raporlamak değil; her bulgunu somut bir iyileştirme aksiyonuna dönüştürmek, hız testini gerçek anlamda değerli kılar. Düzenli test ve sistematik iyileştirme döngüsü; hem kullanıcı deneyiminizi hem de Google sıralamanızı sürekli olarak güçlü tutmanın en kanıtlanmış yoludur.

CyberNweb Yazılım Teknolojileri olarak web tasarım, yazılım ve SEO alanlarında işletmenize özel profesyonel çözümler sunuyoruz. Daha fazla bilgi ve ilham için blog yazılarımızı inceleyebilirsiniz.