Чӣ тавр миқёси суръати боркунии вебсайт?

Швидиии бордии вебсайтиро метавонанд бо чанд роҳ чен шаванд:

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: метавонад барои боркунии саҳифа ва гирифтани вақти боркунӣ тавассути API Performance дар JavaScript истифода шавад.

   # Намунаи гирифтани вақти боркунӣ бо 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: инчунин дастрасӣ ба API Performance медиҳад.

5. Системҳои назорат дар вақти воқеӣ (RUM):

   • Асбобҳое, ки маълумотро дар бораи иҷроиш мустақиман аз корбарони воқеӣ ҷамъ мекунанд. Мисолҳо: Sentry, New Relic Browser.

Интихоби усул ба ҳадафҳо вобаста аст: барои арзёбии зуд, хизматрасониҳои онлайн мувофиқанд; барои таҳлили муфассал ва ислоҳот – асбобҳои таҳиягар, барои мониторинги мунтазам ва ҳамгироӣ дар равандҳои таҳия – автоматизатсия ва системҳои RUM.