Онлайн магазинът на CitySport натоварваше браузъра с тежки ресурси и продължителна обработка при отваряне.
Оптимизирахме начина, по който страницата и изображенията се зареждат, и намалихме значително работата, която браузърът трябва да извърши, преди магазинът да реагира нормално.
Сравнението е за мобилната версия преди и след оптимизацията.
При отваряне на магазина част от съдържанието вече можеше да се вижда на екрана, докато браузърът продължаваше да обработва голямо количество работа във фонов режим.
За посетителя това означава просто едно: страницата се вижда, но не реагира толкова бързо, колкото очаква.
Към това се добавяше и големият обем на изображенията в продуктовия каталог.
Първо измерихме какво се случва при зареждането и къде се губи най-много време.
След това променихме начина на кеширане, оптимизирахме библиотеката с изображения и дадохме приоритет на съдържанието, което посетителят трябва да види първо.
Работихме и по количеството обработка, която браузърът трябва да извърши при първоначалното отваряне на страницата.
След оптимизацията времето на блокиране намаля от 2 270 ms на 300 ms — около 87% по-малко.
Работата на браузъра спадна от 24,3 на 3,6 секунди, а библиотеката с изображения беше намалена от 3,1 GB на 256,4 MB.
Основното съдържание започва да се показва по-рано, а страницата изисква значително по-малко работа от устройството при отваряне.
Оптимизацията не променя това, което CitySport продава. Променя количеството работа, което стои между посетителя и съдържанието.
Сравнението показва измерените стойности на мобилната версия преди и след промените.
По-ниската стойност е по-добра. Данните са от сравнението на мобилната версия.
Заменихме използваното решение за кеширане и конфигурирахме FlyingPress, отделен мобилен кеш и Redis object cache.
Целта беше повторните посещения и генерирането на страниците да изискват по-малко ненужна работа.
Продуктовите изображения са важна част от всеки онлайн магазин, но не е необходимо да бъдат по-тежки, отколкото екранът може реално да покаже.
Оптимизирахме библиотеката от 3,1 GB до 256,4 MB — намаление от около 92%.
Променихме приоритетите при зареждането, така че основното изображение и важното съдържание да получат ресурс по-рано.
Паралелно намалихме работата на браузъра при отваряне от 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 г. Сравнение на мобилни лабораторни тестове; резултатът след промените е медиана от три валидни последователни теста при кеш HIT. Процентите са закръглени. Показателите описват техническото подобрение; от тях не се извежда автоматично ръст на продажбите.
Автоматизираните тестове са полезни, защото показват къде има проблем и ни позволяват да сравним състоянието преди и след промяната.
Но крайната цел не е конкретно число в инструмент за тестване.
Целта е посетителят да получи съдържанието по-бързо, страницата да реагира по-добре и магазинът да изисква по-малко работа от устройството, на което се използва.
Изпратете ни адреса на сайта и кажете какво ви притеснява — бавно първоначално зареждане, проблеми на телефон, тежки продуктови страници или друга част от магазина.
Ще направим първоначален преглед и ще обсъдим какво има смисъл да бъде оптимизирано.
