Veb saytın yükləmə sürətini necə ölçmək olar?

Veb saytın yükləmə sürətini bir neçə üsulla ölçmək mümkündür:

1. Brauzer inkişaf vasitələri:

   • "Network" (Şəbəkə) tabını açın (F12).
   • Səhifəni yeniləyin.
   • Hər bir resurs üçün vaxt göstəricilərini analiz edin (HTML, CSS, JS, şəkillər):
     • Waiting (TTFB): Serverdən ilk baytın alınmasına qədər vaxt.
     • Content Download: Məzmunun yüklənmə vaxtı.
     • Total: Resursun ümumi yükləmə vaxtı.
   • Resursların yüklənmə ardıcıllığını vizuallaşdırmaq üçün Waterfall (su damlası) diagramına diqqət yetirin.
   • Ümumi yükləmə vaxtı və sorğuların sayını göstərən Summary (Xülasə) bölməsini analiz edin.

2. Onlayn xidmətlər:

   • Google PageSpeed Insights: Mobil və masaüstü cihazlar üçün performansı analiz edir və optimallaşdırma tövsiyələri verir.
   • GTmetrix: PageSpeed və YSlow metriklərini təqdim edir, yükləmə və performans haqqında ətraflı hesabat verir.
   • Pingdom Website Speed Test: Müxtəlif yerlərdən sürəti ölçür və performans analizi təqdim edir.
   • WebPageTest: Müxtəlif yerlər və brauzerlərdən test etməyə imkan verir, çoxsaylı metriklər və vizuallaşdırma təqdim edir.

3. Diqqət yetirilməsi lazım olan metriklər:

   • Time to First Byte (TTFB): Serverdən ilk baytın alınmasına qədər vaxt.
   • Largest Contentful Paint (LCP): Görünən hissədə ən böyük elementin görünmə vaxtı.
   • First Input Delay (FID): İstifadəçinin ilk qarşılıqlı əlaqəsindən brauzerin cavab verməsinə qədər vaxt.
   • Cumulative Layout Shift (CLS): Yükləmə zamanı səhifənin layoutunun ümumi dəyişməsi.
   • DOMContentLoaded: HTML sənədinin tam yüklənib parse edilməsi vaxtı.
   • Load: Səhifənin bütün resurslarının tam yüklənmə vaxtı.

4. Çərçivələrlə avtomatlaşdırma:

   • Lighthouse (Google aləti): CLI və ya CI/CD pipeline-ə inteqrasiya edilə bilər.

   # Lighthouse CLI istifadə nümunəsi
   lighthouse https://www.example.com --output json,html --output-path ./report.json
   

   • Selenium/WebDriver: JavaScript Performance API vasitəsilə yükləmə vaxtını almaq üçün istifadə edilə bilər.

   # Selenium və Performance API istifadə edərək yükləmə vaxtını alma nümunəsi
   from selenium import webdriver
   import time
   
   driver = webdriver.Chrome() # və ya başqa brauzer
   driver.get("https://www.example.com")
   
   # Səhifənin tam yüklənməsini gözləyirik
   time.sleep(5) # Daha etibarlı gözləmə üsulları istifadə edilə bilər
   
   # PerformanceTiming obyektini alırıq
   performance_timing = driver.execute_script("return window.performance.timing")
   
   # Yükləmə vaxtını hesablayırıq
   load_time = performance_timing['loadEventEnd'] - performance_timing['navigationStart']
   print(f"Yükləmə vaxtı: {load_time} ms")
   
   driver.quit()
   

   • Cypress: Performance API-ə də çıxış imkanı verir.

5. Real istifadəçi monitorinq (RUM) sistemləri:

   • İstifadəçilərdən birbaşa performans məlumatları toplayan alətlər. Nümunələr: Sentry, New Relic Browser.

Seçim məqsədə uyğun olmalıdır: sürətli qiymətləndirmə üçün onlayn xidmətlər, ətraflı analiz və diaqnostika üçün inkişaf vasitələri, müntəzəm monitorinq və inkişaf proseslərinə inteqrasiya üçün avtomatlaşdırma və RUM sistemləri.