Kuidas mõõta veebisaidi laadimiskiirust?

Veebisaidi laadimiskiirust saab mõõta mitmel viisil:

1. Brauseri arendajatööriistad:

   • Ava arendajatööriistade "Network" (Võrk) vahekaart (F12).
   • Värskenda lehte.
   • Analüüsi iga ressursi (HTML, CSS, JS, pildid) ajamõõtmeid:
     • Waiting (TTFB): Aeg esimese baidi saamiseni serverilt.
     • Content Download: Sisu laadimise aeg.
     • Total: Ressursi kogu laadimisaeg.
   • Pööra tähelepanu Waterfall (vesiputou) diagrammile, mis visualiseerib ressursside laadimise järjekorda.
   • Analüüsi Summary (Kokkuvõte) allosas, et saada üldine laadimisaeg ja päringute arv.

2. Veebipõhised teenused kiiruse mõõtmiseks:

   • Google PageSpeed Insights: Analüüsib mobiil- ja lauaarvutiseadmete jõudlust ning pakub optimeerimissoovitusi.
   • GTmetrix: Pakub PageSpeed ja YSlow mõõdikuid, üksikasjalikku raportit laadimisest, jõudlusest ja soovitustest.
   • Pingdom Website Speed Test: Mõõdab kiirust erinevatest asukohtadest ning pakub üksikasjalikku jõudlusanalyysi.
   • WebPageTest: Võimaldab testida erinevatest asukohtadest ja brauseritest, pakkudes palju mõõdikuid ja visualiseeringuid.

3. Millised mõõdikud on olulised:

   • Time to First Byte (TTFB): Aeg esimese baidi saamiseni serverilt.
   • Largest Contentful Paint (LCP): Aeg, mil suurim sisu element ilmub nähtavale ekraanile.
   • First Input Delay (FID): Aeg kasutaja esimese tegevuse ja brauseri vastuse vahel.
   • Cumulative Layout Shift (CLS): Kogusumma lehe paigutuse muutuste näitaja laadimise ajal.
   • DOMContentLoaded: Aeg, mil brauser on täielikult laadinud ja analüüsinud HTML-dokumendi.
   • Load: Kogu lehe laadimise aeg.

4. Automatiseerimine raamistikudega:

   • Lighthouse (Google tööriist): Seda saab kasutada CLI-tööriistana või integreerida CI/CD protsessi.

   # Näide Lighthouse CLI kasutamisest
   lighthouse https://www.example.com --output json,html --output-path ./report.json
   

   • Selenium/WebDriver: Võimaldab laadimisaja mõõtmist JavaScript Performance API abil.

   # Näide Selenium ja Performance API kasutamisest
   from selenium import webdriver
   import time
   
   driver = webdriver.Chrome() # Või muu brauser
   driver.get("https://www.example.com")
   
   # Oota lehe täielikku laadimist
   time.sleep(5) # Kasutada saab ka usaldusväärsemaid ootusi
   
   # Saada PerformanceTiming objekt
   performance_timing = driver.execute_script("return window.performance.timing")
   
   # Arvuta laadimisaeg
   load_time = performance_timing['loadEventEnd'] - performance_timing['navigationStart']
   print(f"Laadimisaeg: {load_time} ms")
   
   driver.quit()
   

   • Cypress: pakub samuti juurdepääsu Performance API-le.

5. Reaalsete kasutajate jälgimise (RUM) süsteemid:

   • Tööriistad, mis koguvad andmeid jõudluse kohta otse reaalsetelt kasutajatelt, kes kasutavad saiti. Näited: Sentry, New Relic Browser.

Valitud meetod sõltub eesmärkidest: kiireks hindamiseks sobivad veebipõhised teenused, üksikasjalikuks analüüsiks ja vigade parandamiseks – arendajatööriistad, regulaarseks jälgimiseks ja integreerimiseks – automatiseerimine ja RUM-süsteemid.