Ускорили сайт школы иностранных языков в 2 раза, когда на это уже не было надежды

главная / Кейсы / Ускорили сайт школы иностранных языков в 2 раза, когда на это уже не было надежды

Проект:

школа иностранных языков “SunRise”

sr.kharkov.ua

Услуги:

Ускорение сайта

Регион:

Украина

Период:

23.11.21 — 27.11.21

Результаты за 5 дней работы

Mobile - Главная страница:

1,9 раз
Desktop - Главная страница:

1,5 раз
Mobile - Посадочная отдельного курса:

1,6 раз
Desktop - Посадочная отдельного курса:

1,3 раз
Mobile - Страница Услуг:

3,6 раз
Desktop - Страница Услуг:

1,3 раз
Mobile - Страница контактов:

2,8 раз
Desktop - Страница контактов:

1,2 раз

О проекте

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

Основные задачи:

Провести тестирование Google PageSpeed Insights до старта работ (и после оптимизации);

Провести технический аудит и найти критические ошибки, которые влияют на скорость загрузки сайта;

Ускорить показатели First Contentfile Paint, Speed Index, Largest Contentful Paint, Time to Interactive, Total Blocking Time до зеленой зоны по PageSpeed;

Показатели, которые сейчас в зеленой зоне, должны остаться в зеленой зоне;

Отложить загрузку некритических JavaScript и CSS;

Оптимизировать изображения, графику, кэш, CSS, JS, шрифты, работу сервера, сторонние модули;

Особенности в работе над проектом:

На момент оценки задачи у нас была информация от разработчиков сайта, что увеличить скорость загрузки больше не получится и что текущий результат - это максимум. Но в результате аудита сайта нашим разработчиком, мы предложили ряд решений, которые бы позволили ускорить сайт и спрогнозировали прирост минимум в 2 раза по некоторым страницам. В их число вошли: Главная, Посадочная страница отдельного курса (групповые занятия), Страница услуг и страница контактов.

Результаты ускорения страниц

Главная страница
Посадочная страница отдельного курса (групповые занятия)
Страница услуг
Страница контактов

Desktop
Mobile

Desktop
Mobile

Desktop
Mobile

Desktop
Mobile

Что было сделано для ускорения сайта?

Сайт должен отдавать первый байт не дольше чем через 2 секунды после запроса.

Оценка формируется по временным интервалам и зависит от — временной метки формирования первого кадра контента, формирования кадра с достаточным контентом, формированием всего контента, и максимальной задержки между возможностью посетителя взаимодействовать с сайтом.

Первостепенную важность для PageSPeed играет скорость формирования первого экрана — достаточной части контента на ней. Которая оценивается через анализ ряда скриншотов, в момент от старта, до события window.load +3000мс.

Самые важные метрики влияющие на оценку:

— скорость ответа сервера,
— нагрузка на ЦП (JS логика, рендер),
— наполнение рабочей области контрастными областями, которые условно принимаются за главную часть контента.

Были выполнены следующие работы:

— Настроили отложенную загрузку
— Реализовали загрузку скриптов и стилей блокирующие отрисовку контента сайта
— Минифицировали скрипты и стили (на стороне сервера)
— Сжали картинки, подменили jpg на (на стороне сервера)
— Настроили кеширования
— Настроили отложенную загрузку Телефонии и виджета Битрикс24
— Реализовали отложенную загрузку Google карт

Вывод

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