Сайт грузится дольше, чем клиент готов ждать

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

Это не косметика — это деньги

Оценка скорости главной страницы в Google PageSpeed выросла с 46 до 99 баллов из 100 на телефоне и с 43 до 99 — на компьютере, а сама страница стала почти в 2,5 раза легче.

Главная весила 1,9 МБ и загружала 88 файлов, теперь — 0,77 МБ и 27 файлов. На телефоне при медленном мобильном интернете её первый экран появлялся через 8 секунд, теперь — меньше чем через полторы. На компьютере — меньше секунды вместо 4,3.

Что к этому привело? Мы убрали три проблемы, которые мешали посетителям и самому владельцу сайта.

1. Тяжёлый конструктор. Страницы были собраны в Elementor с шестью дополнениями к нему, а формы защищала reCAPTCHA: одних скриптов на странице было больше мегабайта. Теперь сайт работает на собственной лёгкой теме, а из 19 работавших плагинов остался один — Yoast SEO, через который клиент сам видит, как у сайта дела в поиске.
2. Устаревшая основа. WordPress ветки 2018 года и плагины, которые не обновлялись с 2019-го. Теперь — актуальные WordPress и PHP, а формы заявок, раздел «Заявки» с выгрузкой в Excel и копирование страниц встроены в тему, без отдельных плагинов.
3. Правки — только через конструктор. Тексты и цены жили в настройках виджетов. Теперь каждая страница собрана из блоков, и клиент сам меняет в админке тексты, цены и фото. Через две недели после старта работ он уже правил новый сайт сам.

Как это выглядит на практике

Наш клиент — «КупиЭЦП.РФ» из Ростова-на-Дону: электронные подписи для физлиц, предпринимателей и компаний, сервисы Контура, сопровождение торгов и обучение закупкам. Сайту почти восемь лет: WordPress, тема OceanWP, конструктор Elementor, 26 плагинов и больше 300 страниц, статей и новостей.

Слева — заголовок и кнопка «Получить консультацию»: сколько стоит подпись и где офис, с первого экрана не понять. Справа — цена сертификата, выпуск за 15 минут, адрес в Ростове и две кнопки: оставить заявку или подобрать подпись. Внизу — плашка согласия на cookie, она теперь есть на всех страницах.

Тот же заголовок и тот же адрес страницы, но вместо сетки иконок — ответ на главный вопрос посетителя: сколько стоит и как быстро. Список «для чего нужна подпись» никуда не делся — он ниже, отдельным блоком.

Страница для участников госзакупок. Раньше на первом экране были только заголовок и логотипы площадок, а сколько стоит подпись и как её получить, с первого экрана не видно. Теперь сразу видно, для каких площадок подпись, сколько стоит и как быстро её выпустят.

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

Частые вопросы были одним длинным полотном: ответы подряд, вперемешку со снимками экрана. Теперь справа оглавление из 10 вопросов по темам — КриптоПро, носители, сертификаты, продление, — а ответы раскрываются по щелчку.

На телефоне старый заголовок рвался посреди слова, а над ним треть экрана занимали логотип, меню и пустое место. Теперь внизу экрана всегда под рукой «Позвонить», «Написать в MAX» и «Заявка».

Скорость: замеры Google до и после

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

На телефоне: 46 → 99 из 100 — зелёная зона Google

На компьютере: 43 → 99 из 100

Главная стала почти в 2,5 раза легче, а из 19 работавших плагинов остался один.

Как сохраняем позиции при переезде

• Адреса страниц, заголовки и тексты — как на старом сайте; где клиент попросил что-то поменять, это записано списком. Программа сверила со старым сайтом каждый из 328 адресов: заголовки, описания для поиска и объём текста.
• 16 устаревших статей и страниц клиент решил убрать — с каждой стоит переадресация на ближайшую по смыслу страницу.
• Новая версия собрана на закрытой копии, а переключение происходит за один раз. Перед переездом сняли позиции в Яндексе и Google, после — месяц следим за ними.
• Появились страницы под то, что ищут клиенты: «Госуслуги и налоговая», «Рутокен и JaCarta», «КриптоПро», «Продление ЭЦП» и «Контакты» с картой.
• Формы заявок — свои, без reCAPTCHA, все заявки — в одном разделе админки; есть политика конфиденциальности, отдельная страница согласия на обработку данных и плашка cookie.

Сайт сейчас на закрытой копии, переезд на домен клиента — следующий шаг. Через месяц после него допишем сюда, что изменилось в поиске и в заявках.

Сайт должен продавать, а не саботировать.