Веб-сайттың жүктелу жылдамдығын қалай өлшеуге болады…

Веб-сайттың жүктелу жылдамдығын бірнеше әдіспен өлшеуге болады:

Браузердің әзірлеуші құралдары:
- "Network" (Желі) қойындысын ашыңыз (F12).
- Бетті жаңартыңыз.
- Әрбір ресурс үшін уақыт көрсеткіштерін талдаңыз (HTML, CSS, JS, суреттер):
  - Waiting (TTFB): Серверден алғашқы байтты алуға дейінгі уақыт.
  - Content Download: Мазмұнды жүктеу уақыты.
  - Total: Ресурсты жүктеудің жалпы уақыты.
- Ресурстардың жүктелу реті мен көрнекілігін көрсету үшін Waterfall (жолақ) диаграммасын қараңыз.
- Жалпы жүктеу уақыты мен сұраулар санын төменгі бөлімдегі Summary (Қысқаша) бөлімінен қараңыз.
Интернет-онлайн қызметтері:
- Google PageSpeed Insights: Мобильді және десктоп құрылғылар үшін өнімділікті талдайды, оңтайландыру бойынша ұсыныстар береді.
- GTmetrix: PageSpeed және YSlow метрикаларын, жүктеу туралы егжей-тегжейлі есепті, өнімділік пен ұсыныстарды көрсетеді.
- Pingdom Website Speed Test: Әртүрлі аймақтардан жылдамдықты өлшейді, өнімділік туралы толық талдау береді.
- WebPageTest: Әртүрлі аймақтар мен браузерлерден тестілеуге мүмкіндік береді, көптеген метрикалар мен визуализацияны ұсынады.
Назар аудару керек метрикалар:
- Time to First Byte (TTFB): Алғашқы байтты алуға дейінгі уақыт.
- Largest Contentful Paint (LCP): Экранда ең үлкен мазмұн элементінің пайда болу уақыты.
- First Input Delay (FID): Пайдаланушының бірінші әрекетінен браузердің жауап беруіне дейінгі уақыт.
- Cumulative Layout Shift (CLS): Жүктеу кезінде бет макетінің ауытқуының жалпы көрсеткіші.
- DOMContentLoaded: HTML құжаты толық жүктеліп, парсингтен өткен уақыт.
- Load: Барлық ресурстардың толық жүктелу уақыты.

Автоматтандыру фреймворктер арқылы:

Lighthouse (Google құралы): CLI-мен қолдануға немесе CI/CD процесіне интеграциялауға болады.

# Lighthouse CLI қолдану мысалы
lighthouse https://www.example.com --output json,html --output-path ./report.json

Selenium/WebDriver: Бетті жүктеп, 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-ға қол жеткізуді ұсынады.

Шынайы пайдаланушы мониторингі (RUM):
- Нақты пайдаланушылардан тікелей жиналған деректерді жинайтын құралдар. Мысалдар: Sentry, New Relic Browser.

Таңдау әдісі мақсаттарға байланысты: жылдам бағалау үшін онлайн-сервистер, егжей-тегжейлі талдау және ақауларды анықтау үшін әзірлеуші құралдары, тұрақты мониторинг және әзірлеу процестеріне интеграция үшін автоматтандыру және RUM жүйелері.

Веб-сайттың жүктелу жылдамдығын қалай өлшеуге болады?