Скорость сайта за 10 шагов. Инструкция.

Как создать быстрый сайт на WordPress: инструкция для новичков. Улучшаем скорость сайта

Медленный сайт = потеря клиентов.
По данным Google, 53% пользователей закрывают страницу, если она грузится дольше 3 секунд.
Ниже — пошаговый план, как собрать сайт на WordPress, который будет летать даже на мобильных.

Шаг 1. Выберите правильный хостинг

Базовые требования:

• Поддержка PHP 8.0+, HTTP/2, SSD-диски.

• Локация серверов близко к вашей аудитории (например, для СНГ — Hetzner, TimeWeb).

Рекомендуемые тарифы:

• Для старта:  Джино тариф “Спектр” всего 100 руб/мес и установка в сайта в 1 клик. Далее можно перейти на VPS с SSD. Лучшие цены,  TimeWeb (от 150 руб./мес.) или Hostinger (от 299 руб./мес.).

• Для высоконагруженных сайтов: VPS Джино

  “Гамма Плюс 

  Только для участников программы “плюс”  Лучшие цены,
  CPU

  3 ядра × 2000 МГц
  RAM

  10 ГБ
  Диск

  80 ГБ SSD+HDD
  лучшая цена 699 ₽ в месяц” Можно выбрать и более дорогой тариф с лучшими характеристиками, или индивидуалный.
   

  , или Cloudways (VPS на DigitalOcean от $10/мес.).

Совет: Не используйте дешевый shared-хостинг вроде Bluehost — на нем сложно добиться скорости.

Шаг 2. Установите WordPress и легковесную тему

Что делать:

1. Регистрируйтесь на сайте например Джино,  выбирайте тариф (даже на самом дорогом тарифе 30 дней бесплатно)

2. Установите через панель хостинга (в Джино, TimeWeb, Reg.ru есть «установка в 1 клик»).

3. Выберите тему:

   • GeneratePress (рейтинг скорости 95/100) — базовая настройка за 15 минут.

   • Astra + плагин Starter Templates — готовые быстрые шаблоны.

   • Hello Elementor для конструктора сайтов Elementor (постоянно обновляется и улучшается)

Чего избегать:

• Многофункциональных тем вроде Avada, Betheme — они замедляют сайт.

• Конструкторов страниц (Elementor, Divi) на старте — используйте их только для ключевых страниц.

Шаг 3. Настройте кеширование

Плагины для ускорения:

• WP Rocket (платный, от 5900 руб./год) — автоматически настраивает кеш, сжимает CSS/JS.

• LiteSpeed Cache (бесплатный) — если хостинг поддерживает LiteSpeed (например, TimeWeb).

Как настроить WP Rocket:

1. Установите плагин → активируйте основные опции:

   • Кеширование страниц → включить.

   • Сжатие GZIP → активировать.

   • Объединение CSS/JS → включить (после тестирования!).

2. На вкладке «Медиафайлы» → отметьте «Ленивую загрузку изображений».

Шаг 4. Оптимизируйте изображения

Правила:

• Размер изображения не должен превышать 200 КБ.

• Формат: WebP для фото, SVG для иконок и логотипов.

Инструменты:

1. ShortPixel (плагин) → автоматически конвертирует загружаемые изображения в WebP.

2. TinyPNG (онлайн) → сожмите картинки перед загрузкой (до 80% без потери качества).

Пример настройки ShortPixel:

• Установите плагин → зайдите в настройки → выберите «Сжимать при загрузке» → формат WebP.

Шаг 5. Удалите ненужные плагины и скрипты

Что отключить:

• Ненужные плагины (проверьте: «Плагины» → «Неактивные» → удалите).

• Скрипты Emoji (встроены в WordPress) → добавьте в файл functions.php код:

  php

  Copy

  remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
  remove_action( 'wp_print_styles', 'print_emoji_styles' );

• Лишние шрифты → в настройках темы замените Google Fonts на системные (Arial, Tahoma).

Шаг 6. Настройте CDN

CDN ускоряет загрузку для пользователей из разных регионов.

Как подключить:

1. Cloudflare (бесплатно):

   • Зарегистрируйтесь → укажите DNS-серверы хостинга.

   • Включите опции: «Auto Minify», «Brotli Compression».

2. Jetpack Site Accelerator (бесплатно) → плагин для раздачи статики через сервера WordPress.

Шаг 7. Проверьте адаптивность

1. Используйте Google Mobile-Friendly Test.

2. Если верстка ломается:

   • Убедитесь, что тема поддерживает мобильные устройства (проверьте документацию GeneratePress/Astra).

   • Отключите плагины, которые добавляют фиксированные элементы (например, чаты в углу экрана).

Шаг 8. Настройте HTTPS

1. Купите SSL-сертификат (на многих хостингах, например, TimeWeb, он бесплатный).

2. В панели хостинга активируйте SSL → установите плагин Really Simple SSL → включите принудительное перенаправление на HTTPS.

Шаг 9. Проведите аудит скорости

Инструменты:

• PageSpeed Insights → исправьте ошибки из отчета (например, «Удалите блокирующий JS»).

• GTmetrix → проверьте время загрузки и Waterfall (ищите «тяжелые» запросы).

Примеры исправлений:

• Если TTFB (время ответа сервера) > 500 мс → смените хостинг или тариф.

• Если размер страницы > 2 МБ → оптимизируйте изображения, отключите ненужные скрипты.

Шаг 10. Автоматизируйте поддержку

1. Установите WP-Optimize → очищайте кеш и базу данных раз в неделю.

2. Настройте Jetpack Backup → ежедневное резервное копирование.

Чек-лист «Быстрый сайт на WordPress за 1 день»

1. Выбрать хостинг с SSD и PHP 8.0.

2. Установить WordPress и легковесную тему (GeneratePress/Astra).

3. Настроить кеширование через WP Rocket.

4. Сжать изображения до WebP через ShortPixel.

5. Удалить неиспользуемые плагины и отключить Emoji.

6. Подключить CDN (Cloudflare).

7. Активировать HTTPS.

8. Проверить адаптивность через Mobile-Friendly Test.

9. Запустить аудит в PageSpeed Insights и GTmetrix.

10. Настроить автоматическую очистку кеша.

Результат: Сайт с оценкой 80+/100 в PageSpeed Insights и временем загрузки ≤ 2 секунд.

P.S. Не гонитесь за 100 баллами — это миф. Оптимизируйте только то, что влияет на пользователей: скорость отрисовки контента (LCP), время до первого взаимодействия (FID).

Добиться 100 баллов возможно , но при минимальном колличестве плагинов и быстрой теме.