Bir sitenin yükleme hızını nasıl ölçersiniz?

Bir web sitesinin yükleme hızı birkaç şekilde ölçülebilir:

1. Tarayıcı geliştirme araçları:

   • Geliştirici araçlarındaki "Network" (Ağ) sekmesini açın (F12).
   • Sayfayı yenileyin.
   • Her kaynak (HTML, CSS, JS, resimler) için zaman göstergelerini analiz edin:
     • Waiting (TTFB): Sunucudan ilk baytı alma süresi.
     • Content Download: İçeriğin indirilme süresi.
     • Total: Kaynağın toplam yükleme süresi.
   • Kaynakların yüklenme sırasını görselleştirmek için Waterfall (şelale) diyagramına dikkat edin.
   • Genel yükleme süresi ve istek sayısı için sekmenin altındaki Özet (Summary) bölümünü analiz edin.

2. Hız ölçümüne yönelik çevrimiçi servisler:

   • Google PageSpeed Insights: Mobil ve masaüstü cihazlar için performansı analiz eder, optimizasyon önerileri sunar.
   • GTmetrix: PageSpeed ve YSlow metrikleri sağlar, detaylı yükleme raporu, performans ve öneriler içerir.
   • Pingdom Website Speed Test: Farklı konumlardan hız ölçer, detaylı performans analizi sunar.
   • WebPageTest: Farklı konumlar ve tarayıcılar üzerinden test yapmaya olanak tanır, çok sayıda metrik ve görselleştirme sağlar.

3. Dikkate alınması gereken metrikler:

   • Time to First Byte (TTFB): Sunucudan ilk baytı alma süresi.
   • Largest Contentful Paint (LCP): En büyük içerik öğesinin görünür alanda belirmesi süresi.
   • First Input Delay (FID): Kullanıcının ilk etkileşiminden tarayıcının yanıt vermesine kadar geçen süre.
   • Cumulative Layout Shift (CLS): Yükleme sırasında sayfa düzeninin toplam kayma skoru.
   • DOMContentLoaded: HTML belgesi tamamen yüklendiğinde ve analiz edildiğinde zaman.
   • Load: Sayfadaki tüm kaynakların tamamen yüklendiği zaman.

4. Framework’ler ile otomasyon:

   • Lighthouse (Google’ın aracı): CLI aracı olarak kullanılabilir veya CI/CD boru hatlarına entegre edilebilir.

   # Lighthouse CLI kullanımı örneği
   lighthouse https://www.ornek.com --output json,html --output-path ./rapor.json
   

   • Selenium/WebDriver: Sayfayı yüklemek ve JavaScript Performance API kullanarak yükleme süresini almak için kullanılabilir.

   # Selenium ve Performance API kullanarak yükleme süresi alma örneği
   from selenium import webdriver
   import time
   
   driver = webdriver.Chrome() # veya başka bir tarayıcı
   driver.get("https://www.ornek.com")
   
   # Sayfanın tamamen yüklenmesini bekleyin
   time.sleep(5) # Daha güvenilir beklemeler kullanılabilir
   
   # PerformanceTiming nesnesini alın
   performance_timing = driver.execute_script("return window.performance.timing")
   
   # Yükleme süresini hesaplayın
   load_time = performance_timing['loadEventEnd'] - performance_timing['navigationStart']
   print(f"Yükleme süresi: {load_time} ms")
   
   driver.quit()
   

   • Cypress: Ayrıca Performance API erişimi sağlar.

5. Gerçek Kullanıcı İzleme (RUM) sistemleri:

   • Gerçek kullanıcıların site üzerindeki performans verilerini doğrudan toplayan araçlar. Örnekler: Sentry, New Relic Browser.

Yöntem seçimi amaçlara bağlıdır: hızlı değerlendirme için çevrimiçi servisler uygundur; detaylı analiz ve hata ayıklama için geliştirici araçları; düzenli izleme ve geliştirme süreçlerine entegrasyon için otomasyon ve RUM sistemleri tercih edilir.