Frontend performance
Ми починаємо з того, що отримує користувач у браузері. Аналізуємо:
- Core Web Vitals
- LCP, INP та CLS
- TTFB
- waterfall завантаження сторінки
- HTML, CSS та JavaScript
- render-blocking resources
- кількість та розмір frontend-запитів
- JavaScript execution time
- third-party scripts
- зображення та їхні формати
- lazy loading
- шрифти
- кешування статичних ресурсів
- mobile performance
- особливості Magento theme
Перевіряємо ключові типи сторінок магазину: homepage, category, product, search, cart та checkout — залежно від конфігурації конкретного проєкту.
Це важливо, тому що performance проблеми можуть бути локальними. Наприклад, категорія з великою кількістю товарів може поводитися зовсім інакше, ніж проста CMS-сторінка.
Для frontend-аналізу використовуємо Lighthouse, PageSpeed Insights та інші інструменти профілювання залежно від задачі. Adobe також рекомендує використовувати Lighthouse та PageSpeed Insights для перевірки frontend performance Magento.