Улучшение скорости загрузки сайта онкоцентра и разработка формы онлайн-записи

До начала работ показатели сайта онкологического центра «СМ-клиника» составляли: оценка десктопной версии - 69, оценка мобильной версии - 25*.

*по данным сервиса PageSpeed Insights

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

При этом на остальных страницах сайта уже присутствовала разработанная форма онлайн-записи с передачей данных в клинику по API.

Что мы сделали?

1. Для ускорения сайта установили и настроили плагин JCH Optimize Pro, сжимающий и объединяющий JS- и CSS-файлы
2. Уменьшили размер изображений согласно требованиям для оптимизации скорости и корректного просмотра пользователями
3. Минимизировали скрипты и CSS-файлы
4. Уменьшили DOM-структуру страниц
5. Сделали отложенную загрузку изображений
6. Сделали отложенную загрузку сторонних скриптов
7. Разработали отдельный javascript-файл для работы с формой онлайн-записи в карточках врачей, учитывающий несколько нюансов:
   • обязательная проверка корректности записи
   • учёт таймслотов записи к каждому врачу
   • возможность поменять клинику или специализацию врача после того, как пользователь перешел к заполнению данных
   • важна идентичность данных о привязанных клиниках, которые есть у каждой специализации — они подтягиваются из админ-панели сайта и затем дополнительно проверяются запросами к API

Результат

Улучшили показатели скорости загрузки сайта:

• в десктопной версии — с 69 → 89
• в мобильной версии — с 25 → 58

Скорость загрузки десктопной версии:

До начала работ

После проведения работ по ускорению

Скорость загрузки мобильной версии:

До начала работ

После проведения работ по ускорению

Разработанная онлайн-форма

Окно после успешной записи на прием