Как ускорили сайт детского сада: практический кейс Eurica

Сайт детского сада должен быстро открываться на смартфоне, особенно когда родители ищут расписание, контакты, список документов или объявление о наборе. На практике скорость такого ресурса влияет не только на удобство пользователей, но и на количество обращений в учреждение.

В этом кейсе команда Eurica оптимизировала сайт детского сада, сохранив фирменный стиль, структуру разделов и привычную систему управления. Работа была сосредоточена на техническом аудите, мобильной версии, изображениях, серверных настройках и защите домена.

С чего началась работа

До оптимизации главная страница загружалась в среднем за 6–7 секунд при мобильном подключении. На слабых устройствах сначала появлялся белый экран, а затем постепенно подгружались фотографии, меню и блоки с новостями. Родителям приходилось ждать, прежде чем они могли открыть нужную информацию.

Основной контент сайта был полезным, однако страницы содержали крупные фотографии групп, утренников и помещений. Изображения загружались в исходном разрешении, а часть декоративных элементов подключалась даже там, где они не использовались. Система управления также хранила несколько старых модулей и неактуальные скрипты.

Как нашли причины замедления

Сначала мы проверили сайт в Google PageSpeed Insights, Lighthouse и через инструменты разработчика браузера. Отдельно тестировали главную страницу, раздел новостей, страницу с документами и контактную информацию. Такой подход помог увидеть разницу между общей оценкой и реальным пользовательским сценарием.

Проблемными показателями стали Largest Contentful Paint, совокупный объём страницы и время до первого ответа сервера. На результат влияли изображения в формате PNG и JPEG без сжатия, последовательная загрузка JavaScript-файлов и отсутствие кэширования для статических ресурсов.

Проверка показала и менее очевидную причину: на главной странице выводились все последние новости с полными анонсами и фотографиями. Для посетителя было достаточно нескольких карточек, поэтому длинную ленту заменили компактной выборкой с переходом в архив.

Что изменили в коде и контенте

Первым этапом стала обработка медиаконтента. Фотографии перевели в WebP, уменьшили размеры под реальные области отображения и добавили адаптивные варианты для разных экранов. Файлы, расположенные ниже первого экрана, стали загружаться по мере прокрутки.

Затем мы объединили и минифицировали CSS и JavaScript, удалили неиспользуемые библиотеки и перенесли второстепенные скрипты в конец страницы. Для шрифтов настроили локальную загрузку и ограничили количество начертаний. Это сократило число запросов к серверу и ускорило появление основного содержимого.

Структуру главной страницы тоже пришлось пересмотреть. В верхней части оставили название детского сада, краткое описание, контакты и заметную кнопку связи. Фотогалерею перенесли ниже, а новости, документы и информацию для родителей организовали в понятные тематические блоки.

Мобильная версия для родителей

Большинство посетителей заходило на сайт со смартфонов. Поэтому адаптивный дизайн проверяли на экранах шириной от 320 пикселей, включая старые модели телефонов. Убрали горизонтальную прокрутку, увеличили область нажатия кнопок и сделали телефонный номер кликабельным.

Мобильное меню стало короче: в нём оставили контакты, расписание, документы, новости и сведения о поступлении. Тяжёлые фоновые изображения заменили лёгкими цветными блоками, чтобы интерфейс сохранял аккуратный вид даже при медленном интернете.

Сервер, кэширование и защита

На сервере включили сжатие текстовых файлов, настроили кэширование изображений, стилей и скриптов. Также обновили версию PHP, проверили базу данных и удалили временные файлы. Благодаря этому повторное открытие страниц стало заметно быстрее, особенно для постоянных посетителей.

Отдельно проверили HTTPS для основного домена и технических поддоменов. Для администраторов важно заранее понимать, где необходим сертификат: особенности настройки разобраны в материале о том, как установить SSL на поддомене. После проверки перенаправили все HTTP-запросы на защищённую версию сайта и устранили смешанный контент.

Каких результатов достигли

После оптимизации среднее время загрузки главной страницы на мобильном устройстве сократилось примерно с 6,8 до 2,1 секунды. Оценка производительности в мобильном тесте выросла с 38 до 87 баллов. На компьютерах результат увеличился с 67 до 96 баллов.

При этом сайт не потерял фотографии, новости и полезные материалы. Изменился порядок их загрузки: сначала пользователь получает основной текст и навигацию, затем постепенно появляются изображения и дополнительные блоки. Это особенно важно для родителей, которые заходят на сайт в дороге или из района с нестабильной связью.

Что важно учесть другим учреждениям

Для сайта детского сада скорость складывается из нескольких факторов: оптимизированных изображений, аккуратного кода, правильно настроенного хостинга и понятной структуры страниц. Даже небольшая фотография, загруженная в неподходящем формате, может замедлить первый экран, если таких файлов десятки.

Регулярная техническая поддержка помогает сохранить достигнутый результат. При публикации новых фотографий следует проверять их размер, обновлять программные компоненты, контролировать сертификат и периодически повторять тестирование. В нашем случае комплексная работа дала такой эффект:

Показатель	До оптимизации	После оптимизации
Загрузка главной страницы на мобильном устройстве	6,8 с	2,1 с
Оценка производительности на мобильном	38	87
Размер главной страницы	5,4 МБ	1,6 МБ
Largest Contentful Paint	5,9 с	2,3 с
Количество запросов браузера	86	Forty
Оценка производительности на компьютере	67	96

В результате сайт стал быстрее, удобнее для родителей и проще в администрировании. Для образовательных и социальных учреждений это практичный путь улучшить цифровой сервис без полной переделки проекта.