«Я думала, что оптимизация скорости — это только про картинки, и сильно ошибалась: рассказываю, как я ускорила сайт на Timeweb и почему это повлияло на конверсию»

До недавнего времени мой подход к скорости сайта был почти наивным: «Если картинки сжать — всё будет летать». Я честно верила, что главная причина медленной загрузки — тяжёлые фото. Поэтому каждый раз, когда клиент говорил «сайт тормозит», я открывала Photoshop, резала картинки до 80 % сжатия и думала: «Ну вот, теперь точно быстро». А потом смотрела на отчёты в Google Analytics и видела: отказы на мобильных всё ещё 60–70 %, конверсия низкая, люди уходят раньше, чем успевают прочитать первый заголовок.

Сайт был корпоративным блогом строительной компании: статьи про ремонт, кейсы, инструкции, много фото «до/после». На WordPress, с парой плагинов для форм и аналитики. Клиент не просил «сделать быстро любой ценой», но хотел понять: почему трафик есть, а заявок мало. Я начала копать глубже и поняла, что скорость — это не только картинки, а целая цепочка факторов: сервер, база данных, скрипты, шрифты, даже то, как настроены PHP и кэширование.

И тут я вспомнила про Timeweb: у них в панели есть и статистика нагрузки, и инструменты для бэкапов, и поддержка, которая реально объясняет, а не кидает шаблонные ответы. Решила: если уж оптимизировать, то системно, с пониманием, где именно сайт теряет миллисекунды.

Чего я боялась больше всего

Перед тем как начать, я честно выписала свои страхи — чтобы не делать в панике лишнего:

Что сделаю хуже. Например, отключу какой‑нибудь плагин или настрою кэширование так, что формы перестанут работать, а заявки пропадут.
Что не увижу реального эффекта. Сделаю кучу действий, а скорость изменится на 0,2 секунды — и клиент скажет: «А где результат?»
Что оптимизация сломает мобильную версию. На мобильных и так всё впритык по ширине и скорости, а если начать «резать» скрипты, может поехать верстка.
Что придётся лезть в консоль и писать сложные команды. Я не системный администратор, мне хотелось решений в панели или через понятные плагины.
Что потеряю позиции в поиске. Если сервер начнёт отдавать страницы слишком быстро или слишком медленно, вдруг поисковики подумают, что сайт «нестабилен».

С этим списком я начала разбирать сайт по слоям: от самого верхнего (что видит пользователь) до серверного (что происходит «под капотом»).

Диагностика: где сайт реально терял время

Сначала я измерила скорость несколькими инструментами: Google PageSpeed Insights, GTmetrix, Lighthouse в браузере. Результаты были нерадостные:

На мобильном скорость — 38–45 баллов из 100.
Время загрузки первого контента (LCP) — 3,5–4 секунды.
Много блокирующих скриптов и тяжёлых шрифтов.
База данных была раздута: старые ревизии постов, черновики, лишние метаданные.

Я выписала основные «узкие места»:

Шрифты. Подключались 3 разных семейства, каждое по 4–5 начертаний. Это десятки запросов и сотни килобайт.
Скрипты аналитики и виджетов. Они грузились синхронно и тормозили отрисовку страницы.
Изображения. Да, они были сжаты, но не было адаптивных размеров: на мобильном грузилась та же картинка, что и на десктопе.
База данных. Много старых записей и ревизий, из‑за чего запросы к базе выполнялись дольше.
Отсутствие кэширования. Страницы генерировались «на лету» при каждом заходе пользователя.

Поняв, где проблема, я перешла к решениям — и тут очень помогла панель Timeweb.

Что я сделала на стороне хостинга и CMS

Серверное ускорение

На Timeweb уже работало серверное кэширование, но я убедилась, что оно включено и настроено корректно. Плюс я проверила версию PHP: стояла не самая свежая. В панели хостинга я переключила сайт на актуальную версию PHP — это сразу дало небольшой прирост скорости без каких‑либо правок в коде.

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

Кэширование и минификация

Я поставила плагин кэширования и настроила его так, чтобы:

Кэшировались страницы для анонимных пользователей.
Формы и динамические блоки (корзина, личный кабинет) не попадали в кэш.
Автоматически очищался кэш при публикации новой статьи.

Плюс включила минификацию HTML/CSS/JS: это уменьшает размер файлов и ускоряет их обработку браузером.

Оптимизация изображений

Здесь я пошла дальше простого сжатия:

Настроила ленивую загрузку (lazy load): картинки грузятся только тогда, когда пользователь до них доскроллит.
Добавила WebP: этот формат весит меньше при том же качестве.
Настроила srcset: браузер сам выбирает подходящий размер картинки под устройство.

Для этого я использовала плагин, который автоматически конвертирует и раздаёт WebP, а для старых браузеров отдаёт JPEG. На Timeweb это работало без конфликтов, потому что сервер корректно обрабатывал типы файлов.

Шрифты и скрипты

Шрифты я сократила до одного семейства и только двух начертаний (Regular и Bold). Вместо полной загрузки всех файлов я подключила подгрузку только тех глифов, которые реально используются на странице.

Скрипты (аналитика, чаты, виджеты) я перевела на асинхронную загрузку. То есть они не блокируют отрисовку основного контента, а подгружаются параллельно. Для форм и важных кнопок оставила синхронную загрузку, чтобы они точно работали.

Чистка базы данных

Я запустила плагин для оптимизации базы: он удалил старые ревизии, спам‑комментарии, лишние метаданные и временные файлы. База стала легче, запросы к ней выполнялись быстрее.

Проверка и замеры после оптимизации

Когда все изменения были сделаны, я снова запустила замеры:

PageSpeed Insights: мобильный — 78 баллов (было 40), десктоп — 88.
LCP (время загрузки основного контента): 1,4–1,8 секунды (было 3,5–4).
Количество HTTP‑запросов уменьшилось почти вдвое.

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

Ещё я открыла сайт на старом телефоне и на слабом интернете — и это был самый честный тест. Страницы грузились заметно быстрее, картинки появлялись постепенно (благодаря lazy load), но основной текст и кнопки были видны почти сразу.

Как скорость повлияла на конверсию

Через две недели после оптимизации я сравнила метрики:

Отказы на мобильных упали с 68 % до 42 %.
Среднее время на сайте выросло с 2,1 до 3,7 минут.
Конверсия (заявки с форм) выросла на 27 %.

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

Что реально помогло на Timeweb

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

Панель с метриками. Я видела нагрузку, время ответа и могла понять, что проблема не в сервере, а в настройках сайта.
Возможность быстро сменить версию PHP. Это дало прирост без сложных настроек.
Серверное кэширование. Оно работало «из коробки» и сильно ускоряло отдачу страниц.
Файловый менеджер и бэкапы. Перед каждой серьёзной настройкой я делала бэкап в один клик. Если бы что‑то пошло не так, я могла откатиться за пару минут.
Поддержка. Когда я сомневалась, не сломаю ли я что‑то при настройке кэширования, написала в чат. Сотрудник не просто ответил, а объяснил, какие типы страниц лучше не кэшировать и как проверить, что всё работает.

Практические советы для тех, кто хочет ускорить сайт

Если вы тоже хотите повысить скорость и конверсию, вот что можно сделать без глубоких технических знаний:

Измерьте скорость до и после. Используйте PageSpeed Insights, GTmetrix или Lighthouse. Без цифр сложно понять, помогает ли оптимизация.
Включите серверное кэширование и обновите PHP. Часто это даёт самый быстрый эффект.
Сократите шрифты и скрипты. Оставьте только то, что реально нужно, и подключайте остальное асинхронно.
Настройте адаптивные картинки. Lazy load, WebP и srcset сильно уменьшают вес страницы.
Почистите базу данных. Удалите старые ревизии и ненужные данные — это ускоряет запросы.
Проверяйте работу форм и динамических блоков. Кэш не должен ломать функционал, который важен для конверсии.
Делайте бэкап перед крупными изменениями. На Timeweb это пара кликов, но в случае ошибки это экономит часы работы.

Сейчас этот сайт работает на Timeweb уже несколько месяцев. Скорость стабильно держится на хорошем уровне, конверсия остаётся высокой, а клиент больше не спрашивает «почему люди уходят». Я поняла одну вещь: скорость — это не про «сжать картинки», а про системный подход, где хостинг берёт на себя часть рутины (кэш, PHP, бэкапы, метрики), а вы фокусируетесь на том, что реально влияет на конверсию. И Timeweb как раз даёт такой уровень удобства, когда оптимизация перестаёт быть «страшной задачей» и становится обычным этапом работы над проектом.