Ինչպես չափել կայքի բեռնման արագությունը?

Վեբ կայքի բեռնման արագությունը կարելի է չափել մի քանի եղանակով:

1. Բրաուզերի զարգացման գործիքներ:

   • Բացեք "Network" (Ցանց) թերթը զարգացման գործիքներում (F12):
   • Թարմացրեք էջը:
   • Վերլուծեք ժամանակային ցուցանիշները յուրաքանչյուր ռեսուրսի համար (HTML, CSS, JS, պատկերներ):
     • Waiting (TTFB): Ժամանակ մինչև առաջին բայթը ստանալը սերվերից:
     • Content Download: Մատչելի բովանդակության ներբեռնումը:
     • Total: Ռեսուրսի ընդհանուր բեռնման ժամանակը:
   • Զգուշացեք Waterfall (ջրվեժ) դիագրամի վրա՝ ռեսուրսների բեռնման հաջորդականությունը տեսնելու համար:
   • Վերլուծեք ամփոփումը ստորին մասում՝ ընդհանուր բեռնման ժամանակը և հարցումների քանակը:

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} ms")
   
   driver.quit()
   

   • Cypress: Նույնպես տրամադրում է հասանելիություն Performance API-ին:

5. Իրական օգտագործողի մոնիտորինգ (RUM) համակարգեր:

   • Գործիքներ, որոնք հավաքում են տվյալներ կատարողականության մասին անմիջապես իրական օգտվողներից, որոնք գտնվում են կայքում: Օրինակներ՝ Sentry, New Relic Browser:

Ընտրությունը կախված է նպատակներից. արագ գնահատման համար հարմար են առցանց ծառայությունները, մանրամասն վերլուծության և սխալների համար՝ զարգացման գործիքները, իսկ ռեգուլյար մոնիտորինգի և զարգացման գործընթացների ինտեգրման համար՝ ավտոմատիզացիան և RUM համակարգերը: