Web sitesi hız testi nasıl yapılır sorusu, dijital başarı için kritik öneme sahip bir konudur çünkü sayfa hızı, hem kullanıcı deneyimini hem de arama motoru sıralamalarını doğrudan etkileyen en önemli faktörlerden biridir. Google’ın yaptığı araştırmalar, sayfa yükleme süresinin 1 saniyeden 3 saniyeye çıkmasının bounce rate’i (hemen çıkma oranını) %32 oranında artırdığını gösteriyor. Ayrıca, mobil kullanıcıların %53’ü 3 saniyeden uzun süre yüklenen siteleri terk ediyor ve bu durum doğrudan gelir kaybı anlamına geliyor. Profesyonel hız testi, sitenizin performans darboğazlarını tespit etmenizi, kullanıcı deneyimini iyileştirmenizi ve conversion oranlarınızı artırmanızı sağlar.
Modern web standartlarında, site hızı artık sadece teknik bir metrik değil, Google’ın Core Web Vitals güncellemesiyle birlikte doğrudan sıralama faktörü haline gelmiştir. LCP (Largest Contentful Paint), FID (First Input Delay) ve CLS (Cumulative Layout Shift) gibi metrikler, kullanıcı deneyimini ölçen ve SEO performansınızı belirleyen kritik göstergelerdir. PageSpeed Insights, GTmetrix, Pingdom ve WebPageTest gibi araçlar, sitenizin farklı coğrafi konumlardan, farklı cihazlardan ve farklı bağlantı hızlarıyla nasıl performans gösterdiğini test etmenizi sağlar. Her test aracı farklı metrikler ve perspektifler sunar, bu nedenle birden fazla araç kullanarak kapsamlı bir performans profili oluşturmalısınız.
Web sitesi hız testi yapmak, sadece bir kerelik bir faaliyet değil, sürekli izleme ve optimizasyon gerektiren bir süreçtir. Yeni içerik eklemek, eklenti güncellemeleri, tema değişiklikleri veya trafik artışı gibi faktörler site hızınızı etkileyebilir. Bu nedenle, düzenli periyotlarda (haftalık veya aylık) hız testleri yapmalı, performans trendlerini takip etmeli ve proaktif optimizasyonlar gerçekleştirmelisiniz. Bu rehberde, en popüler hız testi araçlarını nasıl kullanacağınızı, test sonuçlarını nasıl yorumlayacağınızı ve hangi metriklere öncelik vermeniz gerektiğini detaylı şekilde öğreneceksiniz.
Google PageSpeed Insights ile Kapsamlı Performans Analizi
Google PageSpeed Insights, Google’ın resmi hız testi aracıdır ve hem laboratuvar verilerini (simüle edilmiş testler) hem de alan verilerini (gerçek kullanıcı deneyimleri) analiz eder. pagespeed.web.dev adresinden ücretsiz erişebileceğiniz bu araç, sitenizin URL’sini girerek hem mobil hem masaüstü performansını test etmenizi sağlar. Test sonuçları 0-100 arası bir skorla sunulur: 90-100 arası “İyi”, 50-89 arası “İyileştirme Gerekiyor”, 0-49 arası “Zayıf” kategorisindedir. PageSpeed skoru, Core Web Vitals metriklerini ağırlıklı olarak hesaba katar ve Google’ın sıralama algoritması için doğrudan referanstır.
Core Web Vitals metrikleri, kullanıcı deneyiminin üç temel boyutunu ölçer. LCP (Largest Contentful Paint), sayfanın ana içeriğinin ne kadar sürede yüklendiğini gösterir ve 2.5 saniyenin altında olmalıdır. Bu genellikle ana görsel, hero section veya büyük metin bloğunun yüklenme süresidir. FID (First Input Delay), kullanıcının ilk etkileşiminden sonra (tıklama, scroll) sayfanın yanıt verme süresini ölçer ve 100 milisaniyenin altında olmalıdır. CLS (Cumulative Layout Shift), sayfa yüklenirken elementlerin beklenmedik şekilde kaymasını ölçer ve 0.1’in altında olmalıdır.
PageSpeed Insights’ın “Fırsatlar” (Opportunities) bölümü, performansı artırmak için öncelikli optimizasyonları listeler. Her öneri, potansiyel zaman kazancını saniye cinsinden gösterir. “Next-gen formatlarında görseller sunun”, “Kullanılmayan CSS’yi kaldırın”, “Render-blocking kaynaklarını ortadan kaldırın” gibi öneriler burada yer alır. Estimated savings (tahmini kazanç) sütunu, hangi optimizasyona öncelik vermeniz gerektiğini gösterir.
“Tanılamalar” (Diagnostics) bölümü, spesifik performans sorunlarını detaylandırır. JavaScript execution time, main thread work, DOM size, passive event listeners gibi teknik metrikler burada görünür. Bu bilgiler, developer’lar için kritik optimizasyon ipuçları içerir. Örneğin, “Excessive DOM size” uyarısı, HTML yapınızın çok kompleks olduğunu ve basitleştirilmesi gerektiğini gösterir.
Field Data (Alan Verisi), son 28 gün içinde gerçek kullanıcılardan toplanan performans verilerini gösterir. Bu veri Chrome User Experience Report (CrUX) database’inden gelir ve sadece yeterli trafik alan siteler için kullanılabilir. Field data, lab data’dan daha değerlidir çünkü gerçek dünya koşullarını yansıtır. Ancak küçük siteler için bu veri mevcut olmayabilir.
Mobile vs Desktop karşılaştırması önemlidir çünkü Google mobile-first indexing kullanır. Mobil skorunuz, masaüstü skorunuzdan düşükse, mobil optimizasyona öncelik vermelisiniz. Mobil cihazlarda daha yavaş işlemciler, daha az RAM ve daha yavaş internet bağlantıları nedeniyle performans farkları normaldir ancak her iki platformda da kabul edilebilir seviyede olmalısınız.
Simulated throttling ayarları, PageSpeed Insights’ın testleri “Slow 4G” bağlantı hızında ve orta seviye mobil cihaz simülasyonunda yapar. Bu, en kötü senaryoyu test etmek içindir. Gerçek kullanıcılarınızın %90’ı daha iyi koşullarda olabilir ancak düşük performanslı cihazlarda da iyi çalışmak önemlidir.
GTmetrix: Detaylı Waterfall Analizi ve Tarihsel İzleme
GTmetrix, en kapsamlı ve kullanıcı dostu hız testi araçlarından biridir ve gtmetrix.com adresinden ücretsiz hesap oluşturarak kullanabilirsiniz. GTmetrix, Lighthouse (Google’ın test motoru) ve kendi geliştirdiği metrikleri birleştirerek detaylı analiz sunar. Performance skoru, Structure skoru ve Web Vitals skoru olmak üzere üç ana kategori bulunur. Ücretsiz hesapla Vancouver (Kanada) lokasyonundan test yapabilirsiniz; premium hesapla dünya genelinde 7+ farklı lokasyondan, farklı cihaz ve bağlantı hızlarıyla test yapabilirsiniz.
Waterfall chart, GTmetrix’in en güçlü özelliğidir ve her kaynağın (HTML, CSS, JavaScript, görseller) ne zaman ve ne kadar sürede yüklendiğini timeline üzerinde gösterir. Her satır bir HTTP request’i temsil eder ve renkler farklı aşamaları gösterir: DNS lookup (yeşil), initial connection (turuncu), SSL/TLS (mor), time to first byte (mavi), content download (gri). Blocking resources, render’ı engelleyen kaynaklardır ve waterfall’da dikkat çekici şekilde görünür.
Video playback özelliği, sayfanızın yüklenme sürecini kare kare gösterir. Bu, kullanıcının gördüğü gerçek deneyimi anlamanız için mükemmel bir araçtır. İlk görüntü ne zaman beliriyor, ana içerik ne zaman görünür hale geliyor, interactive hale gelme ne kadar sürüyor gibi soruların cevabını görsel olarak görebilirsiniz.
Report history özelliği, geçmiş testlerinizi saklar ve performans trendlerini izlemenizi sağlar. Optimizasyonlarınızın etkisini görmek için before/after karşılaştırması yapabilirsiniz. Premium hesapla, otomatik scheduled monitoring ayarlayarak sitenizi günlük, haftalık veya aylık test edebilir ve performans regresyonlarını hemen fark edebilirsiniz.
Test configuration seçenekleri, gerçekçi senaryolar oluşturmanızı sağlar. Browser (Chrome, Firefox), connection speed (Cable, DSL, 3G, 4G), ve device type (Desktop, Mobile) seçebilirsiniz. Ayrıca, AdBlock kullanıp kullanmama, video autoplay, cookie ayarları gibi advanced options da mevcuttur.
PageSpeed vs YSlow tabs, farklı perspektiflerden önerileri gösterir. PageSpeed Google’ın, YSlow ise Yahoo’nun best practices’lerini temsil eder. Her öneri, neden önemli olduğu ve nasıl düzeltileceği hakkında bilgi içerir. Örneğin, “Leverage browser caching” önerisi, hangi kaynakların cache header’larının eksik veya yetersiz olduğunu detaylandırır.
API access, GTmetrix’i CI/CD pipeline’ınıza veya monitoring sistemlerinize entegre etmenizi sağlar. Her deployment sonrası otomatik performance test çalıştırabilir ve regresyonları engelleyebilirsiniz. Bu, özellikle development team’leri için kritik bir özelliktir.
Pingdom ve WebPageTest: Alternatif Perspektifler
Pingdom Tools, tools.pingdom.com adresinden erişilebilen popüler bir hız testi aracıdır ve kullanıcı dostu arayüzü ile öne çıkar. Performance grade (A-F arası), sayfa boyutu, yükleme süresi ve HTTP request sayısı gibi temel metrikleri özetler. Pingdom, farklı coğrafi lokasyonlardan test yapma imkanı sunar: Kuzey Amerika, Avrupa, Asya-Pasifik ve Güney Amerika’dan test edebilirsiniz. Türkiye’ye yakın lokasyonlar için Stockholm veya Frankfurt seçebilirsiniz.
File requests bölümü, her dosyanın boyutunu, yükleme süresini ve HTTP status code’unu listeler. Content size by content type grafiği, hangi içerik türünün (HTML, CSS, JavaScript, images) ne kadar bant genişliği tükettiğini gösterir. Eğer görseller toplam boyutun %70’inden fazlasını oluşturuyorsa, görsel optimizasyonu öncelikli olmalıdır.
Performance insights, hızlı kazanımlar için spesifik öneriler sunar. “Make fewer HTTP requests”, “Use a content delivery network (CDN)”, “Compress components with gzip” gibi klasik web performance best practices’leri burada görünür. Her öneri için detaylı açıklama ve implementation guide linkleri vardır.
WebPageTest (webpagetest.org), en gelişmiş ve en detaylı hız testi aracıdır ancak kullanımı diğerlerine göre daha teknik bilgi gerektirir. WebPageTest’in en büyük avantajı, dünyanın her yerinden 40+ farklı lokasyondan, 25+ farklı browser’dan ve gerçek cihazlardan (iPhone, Android) test yapabilmenizdir. Advanced settings ile connection speed throttling, multi-step transactions, authentication içeren sayfalar gibi kompleks senaryoları test edebilirsiniz.
Filmstrip view, sayfanızın yüklenme sürecini 0.1 saniyelik aralıklarla ekran görüntüleriyle gösterir. Start Render, Visually Complete, Speed Index gibi metrikleri görsel olarak anlayabilirsiniz. Bu, kullanıcının algıladığı performansı objektif olarak değerlendirmenizi sağlar.
Video comparison, aynı sayfayı farklı lokasyonlardan veya farklı ayarlarla test ederek yan yana video karşılaştırması yapmanızı sağlar. Örneğin, CDN kullanımı öncesi ve sonrası performans farkını görsel olarak görebilirsiniz. Bu, stakeholder’lara optimizasyon etkilerini göstermek için mükemmel bir araçtır.
Request map, tüm üçüncü parti kaynaklarınızı (analytics, ads, social media widgets) görselleştirir ve hangi domain’lerden ne kadar kaynak yüklendiğini gösterir. Eğer üçüçü parti script’ler performansınızı düşürüyorsa, bu graph ile kolayca tespit edebilir ve gereksiz olanları kaldırabilirsiniz.
Lighthouse ve Chrome DevTools ile Browser-Based Testing
Lighthouse, Chrome browser’a entegre bir performance auditing tool’udur ve Chrome DevTools içinden (F12 > Lighthouse tab) veya command line’dan çalıştırılabilir. Lighthouse, performance, accessibility, best practices, SEO ve PWA (Progressive Web App) kategorilerinde site analizi yapar. Her kategori için 0-100 arası skor verir ve detaylı öneriler sunar. Lighthouse’un avantajı, local development environment’ta test yapabilmeniz ve hemen iterasyon yapabilmenizdir.
Performance metrics’te FCP (First Contentful Paint), SI (Speed Index), LCP, TTI (Time to Interactive), TBT (Total Blocking Time) ve CLS gibi altı temel metrik gösterilir. Her metriğin ne anlama geldiği ve neden önemli olduğu açıklanır. Lighthouse, her metrik için “Good”, “Needs Improvement” veya “Poor” değerlendirmesi yapar ve renk kodlarıyla (yeşil, turuncu, kırmızı) görselleştirir.
Opportunities section, performans iyileştirmeleri için actionable öneriler sunar. Her öneri, potansiyel zaman kazancını gösterir. “Properly size images”, “Eliminate render-blocking resources”, “Minify CSS” gibi öneriler burada yer alır. Lighthouse’un güzel tarafı, bazı önerilerin yanında “Learn more” linkleri ile implementation guide’lar sunmasıdır.
Diagnostics bölümü, daha teknik detayları içerir. JavaScript execution time, main thread work, largest contentful paint element gibi bilgiler burada görünür. Bu bilgiler, developer’ların kodu optimize etmesi için kritik ipuçları sağlar.
Chrome DevTools Network tab, real-time network activity monitoring için kullanılır. Sayfanızı yüklerken bu tab’ı açık tutarak, her kaynağın yüklenme sırasını, süresini ve boyutunu görebilirsiniz. Throttling dropdown’dan bağlantı hızını simüle edebilirsiniz (Fast 3G, Slow 3G, Offline). Waterfall görünümü, resource loading cascade’ini görselleştirir ve blocking resources’ı tespit etmeyi kolaylaştırır.
Coverage tab, kullanılmayan CSS ve JavaScript’i tespit eder. Bu tab’ı açıp sayfayı yeniden yükleyerek, her dosyanın ne kadarının kullanıldığını görebilirsiniz. Eğer bir CSS dosyasının %80’i kullanılmıyorsa, bu dosyayı optimize etmelisiniz. Code splitting ve tree shaking teknikleriyle kullanılmayan kodu kaldırabilirsiniz.
Performance tab (DevTools), CPU profiling ve flame chart ile JavaScript execution’ı analiz eder. Bu, hangi fonksiyonların en uzun süre çalıştığını ve main thread’i bloke ettiğini gösterir. Bu tab advanced kullanıcılar içindir ve performance bottleneck’leri mikro seviyede tespit etmek için kullanılır.
Test Sonuçlarını Yorumlama ve Önceliklendirme
Metrik önceliklendirmesi, sınırlı kaynaklarla maksimum etki yaratmak için kritiktir. Tüm metrikleri aynı anda optimize etmeye çalışmak yerine, business impact’i en yüksek olanlara öncelik verin. E-ticaret siteleri için LCP ve FID kritik öneme sahiptir çünkü bunlar conversion’ı doğrudan etkiler. Blog siteleri için CLS ve SEO metrikleri daha önemli olabilir. Kullanıcı davranış verilerini (Google Analytics, heatmaps) kullanarak hangi sayfaların en çok trafik aldığını belirleyin ve optimizasyonu oradan başlatın.
Low-hanging fruits (kolay kazanımlar), hızlı sonuç almak için öncelikli hedeflerdir. Görsel sıkıştırma, browser caching, GZIP compression gibi basit optimizasyonlar, teknik bilgi gerektirmeden büyük performans artışları sağlar. Örneğin, görselleri WebP formatına çevirmek ve lazy loading eklemek, saatlerce sürmez ancak LCP’yi 1-2 saniye iyileştirebilir.
Technical debt vs quick wins dengesi kurulmalıdır. Render-blocking CSS’i critical CSS’e çevirmek veya code splitting implementasyonu gibi kompleks optimizasyonlar, uzun vadeli çözümlerdir ancak zaman ve teknik bilgi gerektirir. Bunları yaparken sitenin çalışır durumda kalması şarttır. Staging environment’ta test yapın ve incremental olarak deploy edin.
A/B testing performans optimizasyonları için, gerçek business impact’i ölçmenizi sağlar. Google Optimize veya Optimizely ile performans optimizasyonlarınızın conversion rate, bounce rate ve revenue üzerindeki etkisini ölçebilirsiniz. Bazen sayfa hızını artırmak conversion’ı düşürebilir (örneğin, çok agresif görsel sıkıştırma kaliteyi düşürüyorsa). Data-driven kararlar almak için mutlaka ölçümleme yapın.
Competitive benchmarking, sektörünüzde standartları anlamanızı sağlar. Rakiplerinizin site hızlarını test edin ve kendinizi onlarla karşılaştırın. Eğer sektör ortalamasının altındaysanız, rekabet dezavantajındasınız demektir. Lider markaların ne yaptığını analiz edin ve best practices’lerini adapt edin.
Regression monitoring, performansın düşmesini önlemek için sürekli izleme gerektirir. Her deployment sonrası otomatik hız testi çalıştırın. Eğer performance score %10’dan fazla düşerse, deploy’u rollback edin. Lighthouse CI, Calibre, SpeedCurve gibi araçlar, continuous performance monitoring için kullanılabilir. Alert’ler ayarlayarak performans regresyonlarından hemen haberdar olun.
Web sitesi hız testi nasıl yapılır sorusunun kapsamlı cevabı, sadece araçları kullanmayı öğrenmek değil, test sonuçlarını yorumlamayı, actionable insights çıkarmayı ve sürdürülebilir optimizasyon süreçleri oluşturmayı içerir. WebAcil olarak, profesyonel site hızı analizi, detaylı performans audit raporları ve uygulamalı optimizasyon hizmetleriyle sitenizin yükleme süresini minimize ediyor, Core Web Vitals skorlarınızı maksimize ediyor ve kullanıcı deneyiminizi mükemmelleştiriyoruz. Sitenizin hızını artırmak, conversion oranlarınızı yükseltmek ve arama motorlarında üst sıralara çıkmak için bugün bizimle iletişime geçin ve rakiplerinizin önüne geçin!
Leave a comment