Приветствую, в статье разберем важные пункты которые помогут ускорить elementor, а точнее сайт. Буду краток, как устанавливать дополнительные плагины есть видео на ютуб канале.
Дополнительные плагины
Перед началом всех манипуляций на сайте сделайте backup (Резервную копию вашего сайта).
Установите плагины такие как:
Wp Fastest Cache — Плагин кэширования, ускорит ваш сайт
TinyPng — Плагин помогает сжимать изображение (Уменьшать вес). Имеется онлайн версия сервиса.
WP-Optimize — Плагин поможет оптимизировать вашу базу данных (Как настроить смотрите в разделе WordPress)
Этого будет вполне достаточно, есть другие аналоги данных плагинов, можете использовать.
Знайте большое количество установленных плагинов — будет тормозить ваш сайт.
Оптимизация изображений
Очень большую роль играет вес ваших картинок. Мало установить плагин о котором я писал выше, необходимо уменьшать размер с помощью разного софта.
К примеру:
Photoshop — Будет вполне достаточно ( Видео смотрите чуть ниже)
Paint.Net
Krita
iloveimg — Онлайн-сервис, который помогает:
- Изменить размер
- Сжать изображение
- Обрезать
- Преобразовать в другой формат (png,gif, hpg, svg, tif и другие)
- Повернуть картинку
- Добавить водяной знак
- Есть плагин для WordPress и другие функции
После того как обработали в софте, перейдите на онлайн-сервис tinypng и прогоните там. После загружайте к себе на сайт. Идеальный вес картинки не более 150кб.
Можно преобразовать в формат WebP, разработанным google. Но есть недостатки, не все браузеры распознают картинки.
Скрипты
Старайтесь использовать малое количество. Они сильно нагружают ваш сайт. Делайте отложенную загрузку.
Тема сайта (Шаблон)
Большую роль будет играть, тема сайта.
Она должна быть:
- Совместима с elementor
- Обратите внимание на скорость загрузки темы
- Обязана быть адаптивной
- Сео оптимизированная
- Подходила под ваши задачи
Какие темы я использую и могу порекомендовать:
Hello Elementor — Идеально подойдет для создания одностраничных сайтов
Astra — Универсальная, быстрая тема, можно создать корпоративный сайт, блог, интернет-магазин и так далее.
Reboot — Тема работает с elementor, имеет незначительные недочеты, подойдет для информационного сайта, корпоративного, визитки, лендинг, квиз-сайт. Для интернет-магазина не подойдет, есть отдельная тема Bono можете посмотреть здесь.
OceanWP — Чем-то схожа с astra
Главное, чтобы решала ваши задачи.
Удалите все ненужные темы, должна быть установлена основная и дочерняя.
Верстка в elementor
Старайтесь как можно меньше использовать не нужных секций и колонок, они создают лишний код. Избегайте разных дополнительных эффектов.
Дополнительные настройки для ускорения сайта в Elementor
В админке wordpress выберите вкладку elementor далее настройки ⇒ эксперименты.
Включите активные настройки следующим параметрам:
- Улучшенная загрузка CSS
- Ленивая загрузка фоновых изображений
- Оптимизированный вывод DOM
- Улучшенная загрузка ресурсов
Помните про backup!
Системы аналитики
Код от систем аналитики или иной, старайтесь загружать в настройки elementor (Вкладка — пользовательский код), задавайте обязательно приоритет и условия.
Обновление PHP версии
Сделать это можно в личном кабинете Хостера. Более новая версия php значительно увеличивает скорость сайта. Как сделать на примере хостинга beget, прикрепил видео ниже. Если не можете разобраться, напишите в службу поддержки вашего хостинга, вам обязательно помогут.
Увеличьте лимит памяти, поможет ускорить elementor
Сделать это можно также в личном кабинете Хостинга. Где посмотреть, какой лимит у вас стоит, смотрите на скриншоте.
Хостинг (Сервер)
Бесплатные хостинги являются причиной медленной работы сайта, так как у них урезанный функционал. Память, диски NVMe или SSD, пропускная способность, расположение места на сервере влияет на скорость сайта. Используйте проверенные хостинг-провайдеры.
Рекомендую:
Beget — Существует значительно давно на рынке. Лично я использую более 8 лет. Удобная админка множество возможностей. Защита от ddos-атак, поддержка 24/7
Timweb — Более 10 лет хостеру. Круглосуточная поддержка, недорогая аренда.
Выбирая между первым и вторым, предпочтение отдаю 1, больше бесплатного функционала.
CDN
Простым языком, это сеть доставки контента. Используя CDN увеличите скорость загрузки сайта, улучшите SEO-показатели. Также дает возможность размещения тяжёлого контента.
Заключение
Соблюдайте данные правила и ваш сайт будет хорошо работать. По поводу скорости, если вам действительно нужен очень быстрый сайт, то лучше, конечно, не использовать любой конструктор, а заказать разработку с нуля.
