Задачата
При отваряне на магазина браузърът обработваше тежки ресурси и скриптове. Страницата изглеждаше заредена, но за част от времето не можеше да реагира веднага на действията на посетителя. Изображенията също добавяха излишен обем.
87% по-малко блокиране при зареждане.
Оптимизация на CitySport: по-леки изображения, по-бързо зареждане и по-отзивчив магазин.
−87%време на блокиране
−85%работа на браузъра
−92%обем на изображенията
Решението
Започнахме с това, което забавя реалното разглеждане: кеширане, изображения и работа на браузъра. Подменихме кеширащото решение, включихме отделен мобилен кеш и Redis, оптимизирахме изображенията и дадохме приоритет на основното съдържание.
Разликата за бизнеса
Времето на блокиране намаля от 2 270 на 300 ms, а работата на браузъра — от 24,3 на 3,6 секунди. Основното съдържание се появява по-рано, а библиотеката с изображения заема около 92% по-малко място.
CitySport · ОптимизацияРазликата
Разликата
се усеща в скоростта.
Бързият магазин трябва и да реагира бързо. Затова намалихме работата, която браузърът извършва при отваряне, и ресурсите, които трябва да изтегли.
Превключете между „Преди“ и „След“, за да видите промяната. По-късата лента означава по-малко чакане.
Преди / След
Същият магазин.
По-малко чакане.
Време на блокиране300 ms
87% по-малко
Визуално зареждане9,7 s
52% по-малко
Работа на браузъра3,6 s
85% по-малко
Основно съдържание5,3 s
24% по-малко
По-ниската стойност е по-добра. Сравнението е за мобилната версия.
Кеш, който работи за магазина
Преминахме от NitroPack към FlyingPress, добавихме отделен мобилен кеш и Redis object cache. Подготвихме кеш и за началната страница.
Изображения без излишна тежест
Оптимизирахме библиотеката от 3,1 GB до 256,4 MB. По-малкият обем улеснява зареждането, без да се променя ролята на снимките в каталога.
Важното се зарежда първо
Дадохме приоритет на основното изображение и съдържанието. Работата на браузъра при зареждане спадна от 24,3 на 3,6 секунди.
Всички показатели преди и след
| Показател | Преди | След |
|---|---|---|
| Оценка за производителност (Lighthouse) | 36 | 63 |
| Поява на основното съдържание (LCP) | 7,0 s | 5,3 s |
| Време на блокиране (TBT) | 2 270 ms | 300 ms |
| Визуално зареждане (Speed Index) | 20,0 s | 9,7 s |
| Работа на браузъра (Main-thread work) | 24,3 s | 3,6 s |
| Обем на библиотеката с изображения | 3,1 GB | 256,4 MB |
Оценката за производителност се повиши с 27 точки. Следващата възможност за подобрение е още по-ранната поява на основното съдържание. Обемът на изображенията се отнася за цялата библиотека.
Измервания преди и след оптимизацията, технически отчет от 04.08.2026 г. Стойностите след промените са медиана от три измервания при активен кеш. Процентите са закръглени.
Искате по-бърз магазин?
Опишете накратко какво планирате. Ще се свържем с вас, за да уточним как можем да помогнем.
Предпочитате да ни пишете?hello@webora.bg