Результаты оптимизации производительности
Оптимизация на уровне фреймворка Yii2
Минификация и объединение CSS/JS через Asset Bundle
| ID | Наименование | Скорость загрузки страницы | Результат оптимизации |
|---|---|---|---|
| 1 | Исходная страница (без минификации и объединения CSS/JS через Asset Bundle) | ~290 мс | |
| 2 | Страница с минификацией и объединением CSS/JS через Asset Bundle | ~92 мс |
290 / 92 = 3,15 Скорость сайта увеличилась примерно в три раза |
Оптимизация на уровне MySQL
Создание индексов
| ID | Наименование | Скорость загрузки страницы | Результат оптимизации |
|---|---|---|---|
| 1 | Базовая страница (без оптимизации) | ~39,000 мс | |
| 2 | Добавлены индексы в MySQL | ~40 мс |
39000 / 40 = 975 Скорость сайта увеличилась примерно в 975 раз |
Оптимизация на уровне фронтенда
| ID | Наименование | Результат оптимизации |
|---|---|---|
| 1 | Исходная страница (без Lazy Loading) | Загружаются сразу все изображения |
| 2 | Оптимизированная страница (с Lazy Loading) | Изображения загружаются по мере перехода к соответствующей части страницы |
Оптимизация на уровне серверной инфраструктуры
Применение алгоритмов сжатия данных (Gzip и Brotli)
| Название файла | Исходный размер (КБ) | Gzip (КБ) | Gzip % сжатия | Brotli (КБ) | Brotli % сжатия |
|---|---|---|---|---|---|
| bootstrap.css | 281 | 35 | 87,5% | 30,8 | 89,0% |
| site.css | 1,8 | 0,9 | 50,0% | 0,8 | 55,6% |
| jquery.js | 286 | 85,8 | 70,0% | 80 | 72,0% |
| yii.js | 21,2 | 6,2 | 70,8% | 5,8 | 72,6% |
| bootstrap.bundle.js | 208 | 45,9 | 77,9% | 41,9 | 79,9% |