Как ускорить сайт на WordPress в 2025 году
Медленная загрузка сайта — одна из главных причин высокого отказов и плохого SEO. Предлагаю инструкцию, как ускорить WordPress сайт бесплатно, какие плагины использовать (включая WP Total Cache), и как улучшить показатели PageSpeed.
Почему WordPress сайт медленно грузится?
Причины, по которым сайт медленно грузится
- Тяжелые страницы с неоптимизированным контентом, большим количеством картинок, анимации, видео и других утяжелителей.
- Внешние скрипты (метрика, аналитика, чаты, инструменты маркетинга, квизы и тд и тп).
- Дешевый медленный хостинг.
Разберем подробно каждый пункт
Как ускорить загрузку страниц на WordPress
Не используйте конструкторы, продвинутые слайдеры и другие инструменты No-code/Low-code верстки
Elementor (особенно с WooCommerce), Divi Builder, WPBakery Page Builder (бывший Visual Composer), Beaver Builder, Thrive Architect, Slider Revolution (RevSlider), Smart Slider 3, Master Slider — не друзья для вас, а враги. Вы можете найти подробный разбор этих плагинов в нашей статье «Убийцы скорости», а также информацию о том, на что их можно заменить, если вы хотите облегчить верстку на WordPress и не перегрузить сайт.
Проработайте медиаконтент для сайта
Вторая причина избыточного веса страниц — тяжелые неоптимизированные изображения, видео, анимированные элементы.
- Используйте минимально возможные размеры. Если ваш блок с картинкой никогда не будет растянут более чем на 1000 пикселей, не загружайте в него изображение большего размера. Подгружайте для мобильной версии изображения меньшего размера.
- Сжимайте изображение видео и аудио без потери качества до максимума и конвертируйте их в оптимальные форматы. Снижайте как только можете вес картинок. Если показывает на сайте видео — также минимально уменьшайте его вес насколько только возможно.
- Делайте отложенную загрузку (
loading="lazy").
Меньше анимации — выше скорость
Анимации могут сделать сайт «живым», но часто перегружают процессор (CPU) и тормозят загрузку.
- Слайдеры (карусели) – главные пожиратели CPU Автопрокрутка → постоянно грузит JavaScript и пересчитывает DOM.
- Параллакс и скролл-анимации используют
scroll-ивенты, что блокирует основной поток, а большое количествоtransform: translate3d()нагружает GPU. - SMIL-анимации в SVG (
<animate>) устарели и грузят CPU. - Canvas-анимации (частицы, фоны) едят ресурсы, если не оптимизированы.
- GIF – это злою. 5-секундный GIF может быть 10+ МБ. Нет паузы, грузит CPU даже когда не виден.
- Неудачные CSS-анимации: анимированный box-shadow, filter: blur() (сильно грузит CPU),
border-radius+transform.
В идеале лучше всего отказаться от анимации, но это же так можно, стильно, очень хочется. поэтому надо стараться максимально их облегчить. Слайдеры и карусели без автопрокрутки, фиксированные фоны вместо параллаксов, видео вместо gif, оптимизация Canvas и грамотная работа с css ускорит ваш сайт.
Оптимизация DOM — один из самых эффективных способов ускорить WordPress
Тем не менее это и самый сложный метод, если вы не пишете свою собственную тему, а используете готовые решения. Глубокая или «грязная» DOM-структура — одна из главных причин медленного рендеринга страниц. В WordPress проблема усугубляется конструкторами (Elementor, Divi), плохими темами и неоптимизированными плагинами.
Почему большая DOM-структура — это плохо?
- Медленный рендеринг – браузер тратит больше времени на анализ HTML.
- Высокий CLS (Cumulative Layout Shift) – из-за динамического изменения структуры.
- Проблемы с SEO – Google учитывает DOM-размер при ранжировании.
- Критические значения:
- Глубина вложенности > 15 элементов – плохо.
- Общее количество узлов > 1500 – очень плохо (идеал – до 800).
Как уменьшить DOM?
- Выбирать «легкие» темы (Astra, GeneratePress).
- Отключить ненужные блоки в functions.php:
- Удалить неиспользуемые плагины (они могут добавлять скрытые элементы).
- Заменить тяжелые слайдеры на Swiper.js.
- Добавить loading=»lazy» для изображений ниже фолда.
- Использовать Intersection Observer для отложенной загрузки виджетов.
- Заменить #id-селекторы на классы (.header вместо #header).
- Использовать CSS-переменные для уменьшения дублирования.
Как не убить производительность внешними скриптами
Внешний скрипт — это JavaScript-файл, который подключается не с вашего сервера, а с внешнего источника (например, с серверов Google, Яндекса, чата или аналитики).
Основные виды внешних скриптов
|
Категория |
Примеры |
|---|---|
|
Аналитика |
Google Analytics, Яндекс.Метрика, Facebook Pixel, TikTok Pixel, Hotjar |
|
Онлайн-чаты |
JivoSite, LiveTex, Tawk.to |
|
Формы/CRM |
AmoCRM, Bitrix24, Typeform, Calltouch |
|
Ретаргетинг/Реклама |
VK Ads, MyTarget, Google Ads, Яндекс РСЯ |
|
Виджеты и кастомные модули |
Время работы, отзывы, курсы валют и т.п. |
|
Защита и трекинг |
Cloudflare, Usercentrics, антиспам |
Весь этот зоопарк негативно влияет на сайт. Внешние скрипты:
- Блокируют рендеринг страницы
Если скрипт подключён синхронно (<script src="..." />), браузер останавливает загрузку, пока не получит и не выполнит скрипт. - Создают лишние HTTP-запросы
Каждое внешнее подключение = новый DNS-запрос + TLS-рукопожатие + скачивание. Это может занимать десятки миллисекунд на каждый скрипт. - Загружают лишние библиотеки
Например, скрипт аналитики может подтянуть jQuery, карты, пиксели и т. п., даже если они не нужны. - Добавляют «плавающие» иконки и отслеживания после загрузки
Например, чат может догружать анимации, уведомления и грузить сеть.
Как это исправить?
- Удалите ненужные скрипты (проанализируйте, какие инструменты вам реально полезны, а что только создает лишние задержки).
- Используйте
asyncилиdefer - Откладывайте загрузку
Как внедрить внешние скрипты без потери скорости читайте тут.
Хостинг — это фундамент скорости сайта
Даже самый оптимизированный WordPress будет тормозить, если хостинг слабый.
Критерии выбора хостинга для WordPress
Для хорошей работы сайта вам понадобится: Память (RAM) 1ГБ минимум, лучше 2. PHP-версия не менее 8.2. SSD, а лучше NVMe SSD. Локация сервера — как можно ближе географически к вам и вашему пользователю.
Для оптимизации работы сайта вам пригодится: OPcache (кэширование PHP-кода). Redis/Memcached (кэш объектов). LiteSpeed + LSCache (лучшая альтернатива Nginx). Gzip (сжатие текстовых файлов).
Обязательные настройки сервера:
- memory_limit = 512M ; Минимум для WooCommerce
- max_execution_time = 300 ; Для тяжелых операций
- opcache.enable = 1 ; Включить OPcache
- opcache.memory = 128 ; Выделить память под кэш
Мы рекомендуем проверенные и надёжные хостинги для сайтов на WordPres, с которыми работаем не первый год:
- REG.RU — удобный и стабильный хостинг с хорошим оборудованием и минимумом отказов.
- Beget — быстрый и понятный хостинг с отличной панелью управления и хорошей техподдержкой.
- AdminVPS — самые бюджетные решения в рунете из приличных стабильных хостингов. Поддержка также крайне хороша.
Сборка плагинов для ускорения WordPress
В качестве бонуса делюсь рабочей связкой из 5 бесплатных плагинов, которые отлично дополняют друг друга и помогают добиться впечатляющих результатов.
W3 Total Cache — кэширование на всех уровнях
Этот плагин отвечает за кэширование страниц, базы данных, объектов и браузера. Он значительно снижает нагрузку на сервер и ускоряет отдачу контента пользователям.
Что делает:
- Создаёт статические версии страниц
- Уменьшает количество запросов к базе данных
- Поддерживает интеграцию с CDN
Рекомендация: не включайте всё подряд — настраивайте модули вручную и обязательно тестируйте работу сайта после включения кэша.
Autoptimize — сжатие и объединение CSS/JS
Этот плагин идеально дополняет W3 Total Cache. Он занимается минимизацией, объединением и асинхронной загрузкой скриптов и стилей.
Что делает:
- Сжимает HTML, CSS и JavaScript
- Объединяет файлы для снижения числа HTTP-запросов
- Поддерживает
deferиasyncдля JavaScript
Совет: начните с базовых настроек и включайте defer/async только после тестирования на конфликт с визуалом и функционалом.
Clearfy — отключение лишних функций WordPress
Clearfy помогает вычистить всё лишнее из движка WordPress, что незаметно, но стабильно нагружает сайт.
Что отключает:
- Эмодзи и встроенные скрипты
- REST API, XML-RPC и heartbeat
- Метки версий и генераторы
Robin Image Optimizer — сжатие изображений
Позволяет сжимать изображения без потери качества и поддерживает WebP.
Функции:
- Автоматическое сжатие при загрузке
- Массовая оптимизация
- Поддержка WebP в платной (довольно дешевой и доступной в РФ к оплате) версии
- Бесплатная квота через их API
Совет: для старых сайтов обязательно прогоните массовую оптимизацию в несколько этапов.
Flying Scripts — отложенная загрузка тяжёлых скриптов
Этот плагин позволяет отложить загрузку сторонних скриптов, которые не критичны на старте — например, чатов, аналитики, пикселей и виджетов.
Плюсы:
- Простая настройка
- Улучшает метрику Total Blocking Time (TBT)
- Полностью бесплатен
Пример: можно отложить загрузку JivoSite, Яндекс.Метрики, Facebook Pixel и других скриптов до первого взаимодействия пользователя.
Результат
Эта связка плагинов позволяет повысить скорость загрузки на 30–70%, улучшить Core Web Vitals и показатели в Google PageSpeed Insights и снизить нагрузку на хостинг. И без дополнительных затрат.