როგორ გავზომოთ ვებგვერდის სიჩქარე?

საიტის სიჩქარის გაზომვა შესაძლებელია რამდენიმე გზით:

1. ბრაუზერის განვითარების ინსტრუმენტები:

   • გახსენით "Network" (ქსელი) ტაბი განვითარების ინსტრუმენტებში (F12).
   • განაახლეთ გვერდი.
   • ანალიზი გაუკეთეთ დროის მაჩვენებლებს თითოეულ რესურსზე (HTML, CSS, JS, სურათები):
     • Waiting (TTFB): დრო პირველი ბაიტის მიღებამდე სერვერიდან.
     • Content Download: შინაარსის ჩამოტვირთვის დრო.
     • Total: რესურსის საერთო დრო ჩამოტვირთვამდე.
   • ყურადღება მიაქციეთ Waterfall (წყალმომარაგება) გრაფიკს რესურსების ჩამოტვირთვის სერიის ვიზუალიზაციისთვის.
   • ანალიზი გაუკეთეთ Summary (საერთო შეჯამება) ქვედა ტაბზე საერთო ჩამოტვირთვის დროისა და მოთხოვნების რაოდენობისთვის.

2. ონლაინ სერვისები სიჩქარის გაზომვისთვის:

   • Google PageSpeed Insights: ანალიზებს მობილური და დესკტოპ მოწყობილობებისთვის, სთავაზობს ოპტიმიზაციის რეკომენდაციებს.
   • GTmetrix: აძლევს PageSpeed და YSlow მეტრიკებს, დეტალურ ანგარიშს ჩამოტვირთვის, შესრულების და რეკომენდაციების შესახებ.
   • Pingdom Website Speed Test: ზომავს სიჩქარეს სხვადასხვა ლოკაციიდან, აძლევს დეტალურ ანალიზს შესრულებაზე.
   • WebPageTest: საშუალებას აძლევს ტესტირება სხვადასხვა ლოკაციებიდან და ბრაუზერებიდან, აძლევს მრავალი მეტრიკას და ვიზუალიზაციას.

3. მეტრიკები, რომელთა ყურადღება ღირს:

   • Time to First Byte (TTFB): დრო პირველი ბაიტის მიღებამდე სერვერიდან.
   • Largest Contentful Paint (LCP): ყველაზე დიდი ელემენტის გამოჩენის დრო ეკრანის ხილვადი ნაწილში.
   • First Input Delay (FID): დრო მომხმარებლის პირველ ინტერაქციიდან ბრაუზერის პასუხამდე.
   • Cumulative Layout Shift (CLS): გვერდის განლაგების ცვლილების ჯამური მაჩვენებელი ჩამოტვირთვის დროს.
   • DOMContentLoaded: დრო, როდესაც ბრაუზერმა სრულად ჩაიტანა და გაანალიზა HTML-დოკუმენტი.
   • Load: სრული ჩამოტვირთვის დრო ყველა რესურსის.

4. ავტომატიზაცია ფრეიმვორკების გამოყენებით:

   • Lighthouse (Google-ის ინსტრუმენტი): შეიძლება გამოყენებულ იქნას CLI-ინსტრუმენტად ან ინტეგრირებისთვის CI/CD პროცესში.

   # მაგალითი Lighthouse CLI-ის გამოყენების
   lighthouse https://www.example.com --output json,html --output-path ./report.json
   

   • Selenium/WebDriver: შეიძლება გამოყენებულ იქნას გვერდის ჩატვირთვის და დროის მიღებისთვის JavaScript Performance API-ის მეშვეობით.

   # მაგალითი ჩატვირთვის დროის მიღებისთვის Selenium-ის და Performance API-ის გამოყენებით
   from selenium import webdriver
   import time
   
   driver = webdriver.Chrome() # ან სხვა ბრაუზერი
   driver.get("https://www.example.com")
   
   # ველით გვერდის სრული ჩატვირთვას
   time.sleep(5) # შეიძლება გამოიყენოს უფრო საიმედო მოლოდინები
   
   # მიღება PerformanceTiming ობიექტის
   performance_timing = driver.execute_script("return window.performance.timing")
   
   # დროის გამოთვლა
   load_time = performance_timing['loadEventEnd'] - performance_timing['navigationStart']
   print(f"ჩატვირთვის დრო: {load_time} მს")
   
   driver.quit()
   

   • Cypress: ასევე უზრუნველყოფს წვდომას Performance API-ზე.

5. რეალური მომხმარებლის მონიტორინგის (RUM) სისტემები:

   • ინსტრუმენტები, რომლებიც აგროვებენ მონაცემებს შესრულებაზე რეალურ მომხმარებლებისგან, რომლებიც სარგებლობენ საიტზე. მაგალითები: Sentry, New Relic Browser.

არჩევა მეთოდი დამოკიდებულია მიზნებზე: სწრაფი შეფასებისთვის სასარგებლოა ონლაინ სერვისები, დეტალური ანალიზისა და დეფექტების გამოსწორებისთვის – განვითარების ინსტრუმენტები, რეგულარული მონიტორინგისა და ინტეგრაციისთვის – ავტომატიზაცია და RUM-სისტემები.