Kaip išmatuoti svetainės įkėlimo greitį?

Svetainės įkėlimo greitį galima matuoti keliais būdais:

1. Naršyklės kūrėjo įrankiai:

   • Atidarykite "Network" (Tinklas) skirtuką kūrėjo įrankiuose (F12).
   • Atnaujinkite puslapį.
   • Analizuokite laikus kiekvienam ištekliui (HTML, CSS, JS, paveikslėliai):
     • Waiting (TTFB): Laikas iki pirmojo baito gavimo iš serverio.
     • Content Download: Turinio įkėlimo laikas.
     • Total: Bendras išteklių įkėlimo laikas.
   • Atkreipkite dėmesį į Waterfall (kritimo) diagramą, vizualizuojančią išteklių įkėlimo seką.
   • Analizuokite Summary (Santrauka) apatinėje skirtuke, bendrą įkėlimo laiką ir užklausų skaičių.

2. Internetiniai paslaugų teikėjai greičio matavimui:

   • Google PageSpeed Insights: Analizuoja našumą mobiliuose ir darbalaukio įrenginiuose, siūlo optimizacijos rekomendacijas.
   • GTmetrix: Teikia PageSpeed ir YSlow metrikas, išsamų įkėlimo, našumo ir rekomendacijų ataskaitą.
   • Pingdom Website Speed Test: Matuoja greitį iš skirtingų vietų, teikia išsamų našumo analizę.
   • WebPageTest: Leidžia testuoti iš įvairių vietų ir naršyklių, teikia daugybę metrų ir vizualizacijų.

3. Kokie metrikai yra svarbūs:

   • Time to First Byte (TTFB): Laikas iki pirmojo baito gavimo iš serverio.
   • Largest Contentful Paint (LCP): Laikas, kai matomoje ekrano dalyje pasirodo didžiausias turinio elementas.
   • First Input Delay (FID): Laikas nuo pirmojo vartotojo sąlyčio iki naršyklės atsako.
   • Cumulative Layout Shift (CLS): Bendras puslapio išdėstymo pasikeitimo rodiklis įkėlimo metu.
   • DOMContentLoaded: Laikas, kai naršyklė pilnai įkėlė ir išanalizavo HTML dokumentą.
   • Load: Pilno įkėlimo laikas visų puslapio išteklių.

4. Automatizacija naudojant karkasus:

   • Lighthouse (Google įrankis): gali būti naudojamas kaip CLI įrankis arba integruotas į CI/CD procesą.

   # Pavyzdys naudojant Lighthouse CLI
   lighthouse https://www.example.com --output json,html --output-path ./report.json
   

   • Selenium/WebDriver: gali būti naudojamas puslapio įkėlimo ir įkėlimo laiko gavimui naudojant JavaScript Performance API.

   # Pavyzdys naudojant Selenium ir Performance API
   from selenium import webdriver
   import time
   
   driver = webdriver.Chrome() # Arba kitas naršyklė
   driver.get("https://www.example.com")
   
   # Laukiame pilno puslapio įkėlimo
   time.sleep(5) # Galima naudoti patikimesnius laukimo būdus
   
   # Gauname PerformanceTiming objektą
   performance_timing = driver.execute_script("return window.performance.timing")
   
   # Laiko skaičiavimas
   load_time = performance_timing['loadEventEnd'] - performance_timing['navigationStart']
   print(f"Įkėlimo laikas: {load_time} ms")
   
   driver.quit()
   

   • Cypress: taip pat suteikia prieigą prie Performance API.

5. Realių vartotojų stebėjimo (RUM) sistemos:

   • Įrankiai, kurie renka duomenis apie našumą tiesiogiai iš tikrųjų vartotojų, naudojančių svetainę. Pavyzdžiai: Sentry, New Relic Browser.

Pasirinktas metodas priklauso nuo tikslų: greitai įvertinti tinka internetiniai paslaugų teikėjai, detaliam analizei ir klaidų taisymui – kūrėjų įrankiai, reguliariam stebėjimui ir integracijai – automatizacija ir RUM sistemos.