Ускорение сайтов
Находим, что именно тормозит, и убираем причину — а не симптом.
Медленный сайт теряет посетителей ещё до того, как они увидят предложение: с телефона ждать три секунды никто не будет. При этом виновником почти никогда не оказывается то, на что грешат, — поэтому работа начинается не с правок, а с замера.
Что замеряем
- через сколько появляется главное на экране;
- не прыгает ли содержимое при загрузке;
- через сколько сайт отвечает на нажатие;
- сколько думает сам сервер;
- сколько весит страница и из чего;
- отдельно — на телефоне и на компьютере.
Из наших замеров
Мобильная оценка скорости на сайтах, которые мы вели, — до работ и после. Замеры одним и тем же способом, с одной и той же страницы.
15 → 73
Сайт с чужой темой и мёртвой защитой от роботов, которая впустую тянула 378 КБ на каждую страницу.
66 → 88
Магазин на покупной теме: свои шрифты вместо чужих, разобранная предзагрузка, прибитая липкая шапка.
71 → 98
Сайт-портфолио: картинки в WebP вместо PNG (минус полтора мегабайта) и убранные тяжёлые анимации.
Почему сайт тормозит
Четыре причины, которые встречаются чаще остальных. Общее у них одно: снаружи ни одна не видна, и угадать её нельзя.
Сайт ждёт чужой сервер
Погода, курсы, карты, счётчики, виджеты — страница честно стоит и ждёт ответа. Мы разбирали случай, где блок погоды висел двадцать секунд на переставшем отвечать сервисе; после правки холодная страница открывалась за 0,85 секунды.
Кэша нет там, где кажется, что он есть
Кэш включён, а в него попадают единицы страниц: короткий срок жизни, выключенная предзагрузка, одно неверное правило исключений. Проверяется это не галочкой в настройках, а тем, что реально лежит в папке кэша.
Тема тянет всё и сразу
Покупная тема грузит свои шрифты, значки, слайдеры и стили на каждой странице — включая те, где ничего этого нет. Плюс картинки в исходном размере: одна фотография на первом экране нередко весит больше, чем вся остальная страница.
Сервер молча задыхается
Переполненный кэш скомпилированного кода, отсутствие объектного кэша, устаревшая версия PHP. Переполнение не пишет ни ошибок, ни предупреждений: сайты просто отвечают вдвое дольше. У нас так магазин ускорился с 1,98 до 0,71 секунды одной настройкой.
Сначала профиль, потом правки
Профиль запроса показывает, кто сколько времени съел на самом деле. Без него ускорение превращается в перебор советов из интернета: половина из них на замере не даёт ничего, а часть делает хуже.
Мы однажды отказались от критического CSS на магазине именно так — сравнение двух вариантов показало, что с ним страница открывается медленнее. Без замера это выглядело бы бесспорным улучшением.
- профиль запроса — время по каждому участку кода;
- замер до и после, на телефоне и на компьютере;
- холодная и горячая страница отдельно;
- сравнение двух вариантов, когда решение спорное;
- проверка, что правка не сломала вид и заказы;
- отчёт цифрами, а не словом «оптимизировано».
Что обычно даёт больше всего
Кэш страниц
Готовая страница вместо сборки заново на каждый заход. С предзагрузкой, чтобы первый посетитель не платил за всех.
Картинки
WebP вместо тяжёлых PNG, нужные размеры, отложенная загрузка всего, что ниже первого экрана.
Свои шрифты
Локально и только нужные начертания, без похода на чужой сервер и без прыжка текста при подмене шрифта.
Лишний код
Стили и скрипты подключаются там, где нужны. Мёртвые плагины и их следы убираются совсем.
Что вы получите
Замер до и после с одной и той же страницы, список того, что сделано, и объяснение, что каждая правка дала в секундах. Отдельно — что мы трогать не стали и почему.
Ускорение не разовая процедура: после него мы показываем, за чем следить, чтобы через полгода сайт не вернулся к прежним цифрам вместе с новыми плагинами.
Чего не обещаем
Ста баллов из ста. Это оценка инструмента, а не выручки: последние пункты нередко покупаются ценой того, что сайт становится неудобным для людей. Мы останавливаемся там, где дальнейшая гонка за цифрой перестаёт что-то менять для посетителя.
И не обещаем чуда без правок: если сайт держится на тяжёлой покупной теме, часть выигрыша появится только вместе с её заменой.
Частые вопросы
Поможет ли просто переезд на хостинг помощнее?
Иногда да, но реже, чем принято думать. Более быстрый сервер сокращает ту часть времени, которую тратит сам сервер, — а на медленных сайтах основное время обычно уходит в браузере: картинки, шрифты, скрипты. Переезд ради скорости имеет смысл только после замера, иначе вы платите больше за тот же результат.
Сколько это занимает?
Замер и разбор — один-два дня. Основные правки обычно укладываются в неделю; дольше идут только случаи, где ускорение упирается в замену темы или переработку каталога. Промежуточные цифры показываем по ходу, а не в конце.
Не сломается ли сайт от оптимизации?
Именно поэтому мы работаем на копии и после каждой правки проверяем не только скорость, но и вид страниц, формы и оформление заказа. Ускорение, из-за которого перестала работать корзина, — не ускорение. Откат готов заранее.
У нас уже стоят плагины оптимизации, но толку нет
Обычная картина. Такие плагины включают всё подряд, а мешают друг другу: два кэша поверх одного сайта, сжатие поверх сжатия, отложенная загрузка скриптов, которые нужны сразу. Разбираем, что из этого действительно работает, лишнее убираем — нередко скорость растёт от одного этого.
Повлияет ли скорость на позиции в поиске?
Скорость — один из факторов, и на переполненном рынке он заметен, но чуда не делает: медленный сайт с хорошим содержимым обгонит быстрый и пустой. Считайте это не приёмом для поисковика, а прямой экономией — за каждую лишнюю секунду ожидания вы платите ушедшими посетителями.
Проверим ваш сайт
Пришлите адрес — замерим и скажем, где именно уходит время и что из этого стоит чинить в первую очередь. Первичный разбор ни к чему вас не обязывает.
Ответим на указанную почту. Обычно в течение рабочего дня.