Как ускорить сайт на wordpress elementor

Как ускорить сайт на wordpress elementor?

Есть несколько способов ускорить сайт на WordPress с использованием Elementor:

1. Выбор быстрого хостинга: быстрый хостинг может помочь ускорить загрузку вашего сайта. Выберите хостинг, который поддерживает WordPress и имеет высокую производительность.
2. Оптимизация изображений: изображения являются основным источником медленной загрузки сайта. Используйте оптимизированные изображения с низким весом, а также плагины для оптимизации изображений, такие как Smush или Imagify.
3. Использование кэширования: кэширование помогает ускорить загрузку сайта, сохраняя копии страниц на сервере и предоставляя их пользователям без повторного выполнения запроса на сервер.
4. Отключение ненужных плагинов: отключение плагинов, которые вы не используете, может помочь ускорить ваш сайт.
5. Использование CDN: Content Delivery Network (CDN) может ускорить загрузку сайта, распределяя контент по всем серверам по всему миру.
6. Минимизация CSS и JavaScript: минимизируйте CSS и JavaScript файлы, чтобы уменьшить их размер и ускорить загрузку страницы.
7. Использование темы с высокой производительностью: выберите тему, которая быстро загружается и имеет маленький размер.
8. Обновление WordPress и плагинов: регулярное обновление WordPress и плагинов помогает улучшить производительность и безопасность вашего сайта.
9. Отключение виджетов: отключите виджеты, которые вы не используете, чтобы уменьшить размер страницы.
10. Отключение анимации и эффектов: отключение анимации и эффектов может помочь ускорить загрузку сайта.

Следуя этим советам, вы можете ускорить свой сайт на WordPress с использованием Elementor.

Как ускорить работу сайта Elementor для PageSpeed Insights(3 полезных совета)

В этом руководстве приведены 3 подсказки, которые могут ускорить работу сайта на Elementor. Это расширенное руководство из моего полного руководства по оптимизации скорости сайта.

Так что если вы,

• Имеете медленный сайт сайт из-за плагина Elementor.
• Хотите реализовать стратегии, упомянутые на официальном сайте Elementor.

В этом руководстве будут подробно описаны все методы.

Ниже приведен результат моего отчета GTMetrix для одного из веб-сайтов на Elementor после выполнения советов из полной оптимизации скорости сайта и трех дополнительных советов, перечисленных ниже.

; font-family: FontAwesome; >

.elementor-menu-toggle.elementor-active i:before < content: "f00d"; font-family: FontAwesome; > 

В заключение

Эти 3 совета, на самом деле ускорят сайт на Elementor, для меня примерно на 1 секунду.

Если вы знаете другие советы, которые подходят для веб-сайта Elementor, пожалуйста, дайте мне знать.

Как ускорить сайт на WordPress за 15 шагов

Оптимизация скорости сайта на WordPress — одна из тех тем, которые, казалось бы «перекопаны» вдоль и поперек, но продолжают вызывать постоянный интерес. И, если задуматься, это совсем неудивительно. WP остается самой популярной CMS, на которой работает более 43% сайтов. Технически же неискушенный пользователь может легко потеряться в «океане» созданных для WordPress технологий и возможностей настройки.

В этой статье мы расскажем о первых этапах оптимизации работы WordPress. Это будет полезно тем, кто только начинает использовать CMS или начал задумываться об эффективности ее работы. Конечно, в кратком обзоре будет приведен далеко не полный список возможных мер, но выполнение этих шагов позволит вам быстро добиться первых ощутимых результатов и сделать WP-сайт более быстрым.

Что такое скорость сайта

Термином скорость загрузки сайта принято обозначать время, за которое веб-страница или мультимедийный контент загружаются с серверов хостинга и отображается в браузере. Чем больше скорость загрузки страницы, тем меньше времени проходит между нажатием на ссылку и ее полным открытием.

Для пользователей скорость загрузки страниц является самым очевидным показателем технического качества сайта, наряду со временем отклика сервера, адаптивностью и продуманным UX-дизайном. Качественный сайт, загружающийся за пару секунд, имеет больше шансов привлечь и удержать посетителей. Это хорошо отражается как на ранжировании веб-ресурса поисковиками, так и на бизнес-факторах — продажах, LTV, ROI.

На какую скорость ориентироваться

Как понять, что ваш сайт имеет оптимальную скорость загрузки страниц или, наоборот, работает слишком медленно? Измерить ее с помощью специализированных онлайн-инструментов:

• PageSpeed Insights (PSI) — мощный SEO-инструмент от Google измеряет скорость загрузки мобильной и десктопной версии сайта по 6 параметрам, дает общую оценку по шкале от 1 до 100, а также предлагает список конкретных решений по оптимизации.
• WebPageTest— бесплатный инструмент с открытым исходным кодом позволяет запускать тесты сайтов с использованием 25 различных браузеров.
• Pingdom Website Speed Test — полезный и простой в использовании веб-инструмент, который одинаково эффективно могут использовать для выявления проблем производительности как новички, так и опытные администраторы сайтов.
• SpeedTest.me — сервис измеряет, как быстро открываются страницы сайта в разных странах мира.
• Website Grader — этот сервис тестирования производительности также предлагает рекомендации по оптимизации скорости сайта, высылаемы на указанную почту.

Оптимальной скоростью загрузки страниц принято считать — 0,1-0,2 секунды. Однако, даже находясь в этой «зеленой зоне», нельзя быть уверенным, что сайт имеет явное конкурентное преимущество. Ведь когда речь идет об интернет-коммерции и активной борьбе за внимание аудитории, счет ведется уже на доли секунд.

Согласно подсчетам маркетологов, 47% клиентов интернет-магазинов ожидают, что время загрузки страницы составит менее двух секунд, а 40% пользователей покинут сайт на третьей секунде ожидания.

Так что же может считаться «мгновенной» загрузкой сайта? Инженеры Google прибегли к помощи нейронауки и обнаружили, что этот показатель равен 100 миллисекундам. Именно столько затылочная доля нашего мозга хранит визуальную информацию в виде сенсорной памяти.

Как ускорить WP-сайт

На время загрузки страницы влияет множество факторов — от качества услуг хостинг-провайдера и общей производительности веб-сайта, до особенностей выбранной CMS и взаимодействия с сайтом самого пользователя. Ниже мы постараемся остановиться на тех шагах по оптимизации производительности WP-сайта, которые может сделать непосредственно владелец или администратор веб-ресурса.

Шаг #1 — тщательно подбираем хостинг

Быстрый и постоянно доступный веб-сайт начинается с продуманного подхода к выбору его хостинг-площадки. Начать следует с подбора технических параметров, подходящих WP-сайту. Тут важно помнить, что, по сути, WordPress — это однопоточное PHP-приложение, на скорость работы которого будет сильно влиять частота CPU. Чем выше CPU процессора на хостинге, тем быстрее CMS сможет формировать HTML-документ, а пользователь получать запрошенные данные с сайта.

Не менее важно правильно определиться с типом хостинга. На первый взгляд, может показаться хорошей идеей залить новый сайт на эконом-тариф виртуального хостинга, который при минимальных затратах сулит полноценное размещение в Сети. Но сайт будет делить площадку с неустановленным количеством «соседей», способных «оттягивать» общие ресурсы на себя. Разумнее выбрать более продвинутые варианты размещения — VDS, выделенный сервер или облачный хостинг, которые стоят немного дороже, но предлагают надежное разделение ресурсов и лучшую безопасность.

Кстати. Помимо чисто технических параметров хостинга (типа, качества и объема ресурсов, ширины канала), на скорость сайта влияет близость серверов к потенциальной ЦА сайта. Размещение на хостинге с дата-центрами в городах, откуда на веб-ресурс приходит основной трафик, позволяет оптимизировать такой важный показатель, как сетевая задержка (network latency / NL) без использования сторонних CDN-сервисов.

Шаг #2 — используем легкую тему

Тема WordPress — набор файлов, определяющих то, как будет выглядеть ваш сайт. Темы с большим количеством динамических элементов, ползунков, виджетов, социальных иконок могут добавить странице функциональность и привлекательность, одновременно делая ее тяжелее. Это будет создавать веб-серверу и браузеру дополнительную нагрузку, а в перспективе понизит скорость сайта.

Лучшее решение — использовать легкие темы, чей функционал не содержит ничего лишнего. Обычно они уже установлены в WordPress по умолчанию. Другой вариант — попробовать одну из легких, сверхбыстрых WP-тем, вроде Astra, OceanWP, Hello Elementor, GeneratePress или Neve, которые идеально оптимизированы для уменьшения времени загрузки. Для многофункционального веб-сайта нужно обратить внимание на темы, использующие производительный фреймворк, например, Bootstrap или Foundation.

Шаг #3 — оптимизируем размер картинок

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

Можно оптимизировать каждое изображение вручную с помощью специальных инструментов, например, расширений для браузера, Photoshop, устанавливаемых утилит (PngQuant, FileOptimizer) или многочисленных онлайн-сервисов, вроде TinyJpg. Но обработка каждой картинки по отдельности занимает много времени. К счастью, в WordPress есть плагины практически на любой случай жизни, включая автооптимизацию изображений.

Плагины WP для автоматического уменьшения изображений

• Smush — один из самых популярных плагинов для lossless-сжатия изображений индивидуально или в пакетном режиме. Инструмент хорошо автоматизирован и может эффективно работать по принципу «включил и забыл».
• Optimus — оптимизирует загружаемые изображения WordPress до 70% от первоначального размера без потери качества.
• EWWW Image Optimizer — плагин прост в использовании и может на лету оптимизировать новые и ранее загруженные изображения размером до 150 Mb.
• ShortPixel Image Optimizer — плагин отличает хорошее качество сжатия (до 90% от оригинала), а также отсутствие лимитов на размер загружаемого файла на бесплатном тарифе.
• Imagify — плагин способен уменьшить изображение на 98% без потери качества, однако бесплатно обработает лишь файлы до 2 Mb.

Шаг #4 — минимизируем JS, CSS и HTML

Еще один надежный способ «облегчить» сайт и добавить ему скорости — уменьшить размер файлов HTML, JavaScript и CSS. Это означает удаление из кода ненужных символов, которые не требуются для загрузки, например:

• пробелов;
• символов новой строки;
• комментариев;
• разделителей блоков.

Это ускоряет время загрузки, поскольку уменьшает объем кода, который необходимо запрашивать с сервера.

Для решения этой задачи можно воспользоваться специальными плагинами — они помогут оптимизировать CSS, JS и HTML файлы WP-сайта.

Например, популярный плагин Autoptimize может произвести конкатенацию или объединение всех подключаемых на странице скриптов и стилей в единый файл. Ссылка на файл со CSS-стилями помещается в начало HTML документа, а ссылка на аналогичный файл с JS-файлами и встроенными скриптами — в его конец. Похожие операции с CSS и JS производит плагин Better WordPress Minify.

Шаг #5 — используем расширенные механизмы кэширования

Плагины для кэширования WordPress — например, W3 Total Cache (W3TC), W3 Super Cache или WP Rocket — автоматизируют сложные задачи по добавлению правил кэширования к отдельным элементам веб-сайта. Сочетание подобных плагинов с передовыми механизмами кэширования (Varnish) поможет заметно повысить скорость работы WordPress и уменьшить время загрузки веб-сайта.

Шаг #6 — используем CDN

Скорость загрузки сайта зависит, в том числе и от того, насколько далеко находятся посетители от места, где физически размещен сайт. Приблизить веб-ресурс к его географически отдаленной аудитории помогает распределенная инфраструктура «сетей доставки контента» или CDN (Content Delivery Network).

CDN-сервис хранит копию (кеш) сайта в различных ЦОД, расположенных в разных уголках планеты. С его помощью пользователи из разных городов и стран могут быстро получить запрашиваемый контент веб-страницы из ближайшей к себе локации, а не с серверов, где хостится сам ресурс. Каждый поставщик услуг CDN предоставляет удобные плагины для WordPress, которые можно активировать в CMS буквально парой кликов.

Популярные CDN-сервисы:

• Cloudflare— 200+ дата-центров с кеширующими DNS-серверами в более, чем 100 странах; глобальная граничная пропускная способность сети составляет 172 Тбит/с; среднее время задержки ~20 мс, к сервису напрямую подключено свыше 11000 сетей, включая всех крупных интернет- и облачных провайдеров.
• Akamai — более 4200 точек присутствия и более 1400 сетей, охватывающих 135+ стран; глобальная пропускная способность сети свыше 300 Тбит/с; среднее время задержки ~25 мс.
• G-Core Labs — 140+ точек присутствия на разных континентах; глобальная пропускная способность сети свыше 75 Тбит/с; среднее время задержки ~30 мс.
• Amazon CloudFront — 410+ точек присутствия в 48 странах мира, кеширующая сеть включает свыше 275 000 серверов; среднее время задержки ~24 мс.
• CDN77 — глобальная пропускная способность 90+ Тбит/с; сеть включает 3000+ местных интернет-провайдеров.
• Key CDN — кеширующие серверы расположены в 40 дата-центрах 30 стран мира.

Шаг #7 — включаем сжатие GZIP

GZIP — технология сжатия файлов с сайта перед их отправкой в браузеры пользователей. Все современные браузеры автоматически распаковывают сжатые таким образом файлы и отображают их без потерь или изменений качества. GZIP сокращает время загрузки файла и делает веб-ресурс быстрее.

Возможно, на вашем WP-сайте уже включена GZIP-компрессия? Узнать это можно за пару кликов — достаточно вбить URL в один из онлайн-сервисов, типа Check GZIP Compression или HTTP Compression Test. Если результат отрицательный, придется подключать GZIP вручную.

Как включить GZIP на WordPress:

• Использовать специальные плагины, такие как PageSpeed ​​Ninja, WP Rocket, WP Super Cache или W3 Total Cache. Важно помнить, что используя плагины для GZIP-сжатия, рационально применять только один из них, чтобы не дублировать выполнение задачи и не нагружать серверные ресурсы.
• Добавить следующий код в конфигурационный файл веб-сервера .htaccess:

 # Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml 

Важно! Перед добавлением кода в файл .htaccess, убедитесь, что на вашем сервере активен модуль mod_filter. На большинстве хостингов он включен по умолчанию, в противном случае директива AddOutputFilterByType не будет работать и может вызвать ошибку HTTP 500.

Перед тем, как выбрать способ включения GZIP-сжатия, нужно помнить, что одновременно можно использовать только один вариант. Для оптимизации скорости предпочтительно выбрать второй способ, где сжатие происходит на веб-сервере, без участия PHP.

Шаг #8 — очищаем базу данных WordPress

Оптимизация или удаление ненужных данных из БД, сведет ее размер к минимуму, а также поможет уменьшить размер резервных копий. Помимо прочего необходимо удалить спам-комментарии, фейковых пользователей, старые черновики контента и ненужные темы. Подобное уменьшение размера баз данных и веб-файлов ускорит работу WordPress и сайта на этой CMS.

Важный этап оптимизации баз данных — деактивация или удаление лишних плагинов.

Для их поиска можно использовать специальные плагины, вроде Advanced Database Cleaner и Database Cleanup. Если используемые плагины даже полезны, но излишне нагружают систему, можно поискать их функциональную альтернативу в виде сторонних сервисов (например, IFTTT, Zapier) для автоматизации или планирования задач.

Шаг #9 — сводим к минимуму внешние скрипты

Использование внешних скриптов на веб-страницах нагружает систему обработкой дополнительных данных и увеличивает общее время загрузки. Чтобы избежать этого, можно использовать лишь необходимый минимум скриптов, включая, например, счетчики и инструменты аналитики (Яндекс.Метрика, Google Analytics) или системы комментирования (Disqus, Cackle).

Шаг #10 — отключаем пингбеки и трекбеки

Pingbacks и trackbacks (протоколы обратного отслеживания) — это два основных компонента WordPress, которые предупреждают пользователя каждый раз, когда его блог или страница получает ссылку. Однако постоянная генерация запросов к WordPress может привести к нежелательной нагрузке на ресурсы сервера. К тому же пингбеки и трекбеки широко используются при DDoS-атаках на сайты.

К счастью, этот WP-функционал легко отключается и заменяется внешними сервисами для проверки ссылок на сайте, например, Google Search Console или Яндекс.Вебмастер.

Отключить пингбеки и трекбеки можно в «WP-Admin» → «Настройки» → «Обсуждение». Просто снимите флажок «Разрешить уведомления о ссылках из других блогов (уведомления и обратные ссылки)». Отключить самостоятельные пингбэки (которые создает ваш сайт) можно с помощью одного из специализированных бесплатных плагинов, например, No Self Pings.

Шаг #11 — отказываемся от Apache2 в пользу Nginx + php-fpm

Самый популярный веб-сервер Apache2 имеет критический для скорости WP-сайта архитектурный недостаток — при отдаче статического контента, каждый запрос порождает дополнительный процесс. Это приводит к излишней загрузке памяти и плохо влияет на производительность.

Чтобы разгрузить ресурсы сервера, следует заменить Apache2 на Nginx. Этот веб-сервер не берет на себя функции обработки PHP, передаёт эти запросы на выделенный обработчик php-fpm. Пакеты с сервером Nginx можно найти в стандартных репозиториях Ubuntu и других популярных ОС семейства Linux.

Шаг #12 — следим за актуальностью версии PHP

WordPress в основном написан на PHP, поэтому производительность ПО не в последнюю очередь зависит от того, установлена ли на хостинге последняя версия этого интерпретатора. Проверить актуальность версии WordPress PHP можно с помощью специальных плагинов, типа Display PHP Version или Version Info, отображающих эту информацию прямо в консоли управления.

Чтобы WP-сайт работал как часы, мало одной актуальной версии PHP. Не менее важно своевременно обновлять версии ядра WordPress, используемых тем и плагинов.

Важно! Чтобы избежать возможного конфликта версий ПО, перед обновлением WordPress не забудьте сделать бекап.

Шаг #13 — используем инструменты профилирования и дебагинга

PHP плагины — одновременно и сильная, и слабая сторона WordPress. Они значительно расширяют функциональность CMS, но при плохой оптимизации моментально становятся «тормозом» для админки и страниц WP-сайта.

Инструменты профилирования PHP или профилировщики, вроде Code Profiler или F12-Profiler, проверяют производительность работы кода на каждом из трех основных этапов загрузки WordPress и находят слабые места для дальнейшей отладки (дебагинга).

Альтернативой профилировщикам могут стать универсальные плагины для мониторинга безопасности, например, Health Check, SiteAlert, Debug Bar и Query Monitor. Эти инструменты работают по принципу швейцарского ножа и проверяют все показатели, влияющие на «здоровье» CMS — от актуальности версии PHP до наличия мусорных плагинов.

Шаг #14 — внедряем мониторинг показателей скорости

Оптимизация скорости сайта на WordPress далеко не разовое мероприятие. Чтобы закрепить полученный результат, важно постоянно отслеживать время загрузки и улучшать его. Автоматический мониторинг сервера и сайта можно наладить с помощью пары универсальных опенсорс-инструментов Prometheus + Grafana. Первый осуществляет сам мониторинг и хранит метрики, а второй визуализирует собранные данные.

Шаг #15 — меняем URL-адрес входа в WordPress

По умолчанию для входа на WP-сайт используется URL «domain.com/wp-admin/». Но все боты, хакеры и скрипты, конечно же, знают об этом и будут атаковать админку брутфорсом (перебором) и другими доступными способами. Изменив URL-адрес, можно стать менее очевидной мишенью для киберпреступников. Так можно лучше защитить себя от кибератак, уменьшив нагрузку, которую отказывают на сервер постоянные обращения спам-ботов, а также помочь предотвратить распространенные ошибки, типа 429 Too Many Requests.

Изменить URL-адрес входа в WordPress можно с помощью одного из плагинов:

• Change wp-admin login;
• WPS Hide Login;
• Custom Login URL (CLU);
• WP Security Hardening;
• Hide wp-admin / wp-login.php.

Смена начального URL — не универсальное решение. Это всего лишь маленькая хитрость, которая поможет защитить сайт и снизить нагрузку, создаваемую нелегитимным трафиком.

Заключение

Самая очевидная польза от описанных выше шагов — неизменно высокое качество загрузки сайта, которое обязательно оценят его посетители. Быстрый сайт на WordPress активнее поднимается в поисковом рейтинге, облегчает задачу оценки для поисковых систем, повышает коэффициент конверсии, улучшает такие важнейшие поведенческие факторы, как время пребывания на странице и показатель отказов.

Опытному WP-админу очевидно, что исчерпывающее руководство по данной теме будет включать гораздо больше пунктов. Например, в этот список можно добавить такие пункты, как блокировка паразитных скан-ботов, запрет на загрузку аудио/видео файлов на сайт, настройка «ленивой загрузки» (LazyLoad) изображений, отключение хотлинкинга. Следует понимать, что цель данной статьи — помочь с первыми шагами в оптимизации времени загрузки страниц.

А как вы ускоряете свой сайт на WordPress?

_{Материал подготовлен на основе статьи Shams Sumon с использованием открытых источников и авторскими дополнениями.}

• wordpress
• cms
• скорость загрузки сайта
• системное администрирование
• wp

Как исправить медленный сайт на Elementor и набрать 100% баллов GTmetrix

Разработчики Elementor говорят, что они создали самый быстрый конструктор страниц для WordPress.

Так, что вызывает Вашу медленную загрузку веб-сайта?

Обычно есть несколько простых настроек, которые могут значительно улучшить время загрузки и оценки GTmetrix. Elementor говорит что наиболее распространенными причинами медленного сайта WordPress являются серверы, медиа, внешние скрипты (например, Google Fonts), плагины, отсутствие CDN и использование посредственного плагина кеша. Тем не менее, это не всегда так.

Вот почему я написал этот урок.

Вы узнаете, как исправить свой медленный сайт Elementor, следуя основным рекомендациям из руководства по оптимизации WordPress и рекомендациям Elementor. Я предоставлю скриншоты, подробные инструкции и отвечу на все комментарии, если вам все еще нужна помощь. Мне удалось получить 100% баллов GTmetrix на моей домашней странице. Даже сообщения с более чем 100 изображениями и более 400 комментариями (размер страницы 5 МБ и 170 запросов) по-прежнему загружаются в течение мнее 2 с. Да, я ботаник скорости WordPress ?

1. Обновление до PHP 7.4

Многие хостинговые компании уже имеют на борту PHP 7.4.

Обновление версий PHP – один из самых простых способов ускорить ваш сайт Elementor. Тесты Kinsta по PHP показывают, как более высокие версии PHP могут работать в 2-3 раза быстрее. Elementor также рекомендует использовать более высокие версии PHP и увеличить ограничение памяти до 256 МБ (см. Следующий шаг).

Сначала проверьте текущую версию PHP в разделе Elementor> System Info .

Затем войдите в свою учетную запись хостинга, найдите менеджер версий PHP (или аналогичный) и выберите более высокую версию PHP. Это также хорошая идея сделать резервную копию заранее. В противном случае, это все!

Важно : убедитесь, что ваши плагины совместимы с более высокими версиями PHP. Я использовал WP Rich Snippets (который больше не поддерживается), но он был несовместим с PHP 7.2+, поэтому я удалил плагин и нашел замену. Не стоит хранить необслуживаемые плагины.

2. Увеличьте лимит памяти до 256 МБ

Опять же, проверьте лимит памяти в разделе Elementor > System Info .

И Elementor, WordPress, и WooCommerce рекомендуют ограничение памяти 256 МБ.

Обычно вы можете изменить лимит памяти в вашей учетной записи хостинга:

В противном случае добавьте этот код в functions.php.

define( ‘WP_MEMORY_LIMIT’ , ‘256M’ );

3. Используйте самостоятельные шрифты

Если Google Fonts взрывает ваш отчет GTmetrix, попробуйте размещать шрифты локально.

Если у вас есть Elementor Pro, вы захотите использовать пользовательские шрифты (см. В настройках).

Многие плагины могут помочь оптимизировать Google Fonts: WP Rocket, Autoptimize, Self-Hosted Google Fonts, OMGF. Если вы не хотите использовать плагин, следуйте этим инструкциям.

Шаг 1 : Убедитесь, что шрифты замедляют работу вашего сайта Elementor в GTmetrix.

Шаг 2. Загрузите ваши шрифты прямо с веб-сайта Google Fonts. Загружайте только те шрифты, которые вам абсолютно необходимы (больше шрифтов также может означать больше запросов).

Шаг 3 : Используйте такой инструмент, как Transfonter, чтобы конвертировать их в файлы веб-шрифтов.

Шаг 4 : Загрузите новые файлы веб-шрифтов в WordPress и добавьте их в свой CSS.

Шаг 5 : Протестируйте шрифты, добавьте ошибку по умолчанию и всегда используйте запасные варианты шрифтов.

4. Оптимизируйте запросы третьих сторон

Подобно тому, как Google Fonts являются запросами третьих сторон, AdSense, Analytics, Карты, Диспетчер тегов, встроенные видео и даже Gravatars или плагины для социальных сетей могут вызывать запросы третьих сторон.

Вы должны оптимизировать их тоже.

Некоторые сторонние запросы легко оптимизировать:

В WP Rocket есть вкладка «Надстройки», которая помогает локально размещать аналитику и добавлять кеширование браузера в Facebook Pixel. Медиа-настройки WP Rocket позволяют лениво загружать видео, заменяя iframe предварительным изображением. Если вы вставляете сообщения из социальных сетей, попробуйте сделать снимок экрана и использовать вместо него изображение. Условная загрузка Disqus, откладывание анализа JavaScript в настройках плагина кеша и выборочное отключение скриптов / плагинов в Asset Clean Up может помочь оптимизировать скрипты.

Другие сторонние запросы не так просто оптимизировать:

Google AdSense может быть убийцей GTmetrix. Кроме загрузки асинхронно, вы мало что можете сделать. Я также не нашел решения для ускорения загрузки Gravatars и перепробовал все плагины кеша Gravatar (поэтому я отключил их). Google Tag Manager обычно следует использовать только для больших неоптимизированных сайтов Elementor, в противном случае он обычно приносит больше вреда, чем пользы.

5. Избегайте

плагинов которые создют высокие нагрузки на процессор сервера

Использоавание некоторых плагинов, вы должны просто избегать.

Плагины с высокой загрузкой процессора, которые замедляют работу сайтов Elementor, обычно связаны со статистикой, резервными копиями, социальным обменом, портфелями, живым чатом, контактными формами, ползунками, JetPack и любыми плагинами, которые постоянно требуются для «работы» на вашем сайте (подумайте, Broken Link). Проверки текущие сканирования).

Если у вас медленный плагин, вы можете либо удалить его и найти замену, либо выборочно отключить плагин на определенных страницах (следующий шаг), либо продолжать использовать его и иметь медленный сайт Elementor.

6. Выборочно отключить неиспользуемые плагины

Asset CleanUp и Perfmatters отлично подходят для выборочного отключения плагинов, скриптов и стилей.

Наиболее распространенным примером является загрузка плагина контактной формы только на странице контактов и его отключение везде. Но задумывались ли вы о том, чтобы отключить плагин для обмена социальными сетями на своих страницах (поскольку большинство людей используют его только в сообщениях)? Или отключение слайдера на страницах, на которых нет слайдеров? Благодаря выборочному отключению вы можете делать меньше HTTP-запросов на страницах .

Шаг 1 : Установите Asset CleanUp или Perfmatters .

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

Шаг 3 : Отключить (выгрузить) плагины, скрипты и стили, не используемые на странице. Вы также можете отключить его по типу поста, или Asset CleanUp Premium (а также Perfmatters) позволяет использовать RegEx.

7. Отключите скрипты, стили, фрагменты корзины WooCommerce

Так же, как вы выборочно отключили плагины на предыдущем шаге, вы можете использовать Perfmatters и Asset CleanUp, чтобы делать то же самое со скриптами, стилями и фрагментами корзины WooCommerce.

Perfmatters фактически позволяет вам сделать это одним щелчком мыши :

8. Переключите метод загрузчика редактора в Elementor

«Если у вас возникают проблемы с хостингом или сервером при использовании Elementor, мы включили простой переключатель, который может решить вашу проблему».

Вы можете найти это в Elementor> Настройки> Дополнительно> Редактор загрузчика .

9. Изменить размер изображения, чтобы исправить размеры

При использовании Elementor важно масштабировать (изменять размеры) изображения в соответствии с их правильными размерами.

В противном случае вы увидите ошибки отображения масштабированных изображений в GTmetrix. Если вы видите что-либо, возьмите рекомендуемые размеры, предоставляемые GTmetrix, и измените размер изображения до этих размеров, затем замените изображение. Я рекомендую создать «шпаргалку размеров изображения», в которой перечислены размеры всех областей вашего веб-сайта (слайдеры, избранные изображения, изображения блога в полный рост, логотип). Таким образом, вы можете изменить размер изображения до нужных размеров перед их загрузкой.

10. Ditch Shared Hosting и обновление до облака

Я обычно рекомендую SiteGround (виртуальный хостинг), что хорошо, если у вас мало трафика и плагинов. Но как только вы перейдете на облачный хостинг (например, Cloudways DigitalOcean ), разница будет ощутимой. Я перешел с SiteGround на Cloudways, и время загрузки сократилось вдвое. Даже сообщения с более чем 100 изображениями и более 400 комментариями (размер страницы 5 МБ, 170 запросов) по-прежнему загружаются менее чем за 2 секунды .

Итог : общий хостинг – это хорошо, если вы не используете WooCommcerce, AdSense, плагины с высоким ЦП или имеете приличный трафик. Но когда у вас есть один из них, посмотрите на облачный хостинг. Да, напрмер на Cloudways ), но есть много других людей, которые мигрировали и опубликовали свои результаты. Код OMM25 даст вам 25% скидку на первые два месяца хостинга в Cloudways.

11. Ditch Free Cache Plugins и использовать WP Rocket

Почему WP Rocket обычно # 1 в опросах Facebook?

Потому что он обладает более быстродействующими функциями, чем большинство других плагинов кеша (очистка базы данных, локальная аналитика, объединение шрифтов Google, ленивая загрузка изображений + видео, интеграция CDN + Cloudflare, контроль сердцебиения, кэширование WebP, предварительная выборка, кэширование в браузере Facebook Pixel).

Вот почему WP Rocket дает лучшие результаты + время загрузки в GTmetrix, а значит меньше плагинов на вашем сайте Elementor. Он всегда обновляется новыми функциями и поддерживается надежной командой.

Так что, если вы все еще используете WP Fastest Cache или W3 Total Cache, вам действительно стоит обратить на это внимание.

12. Очистите вашу базу данных

Планируете ли вы текущие очистки базы данных?

Продолжая создавать свой сайт Elementor, вы будете накапливать ревизии постов, старые таблицы базы данных из плагинов / тем, которые вы больше не используете, ненужные комментарии и другие ненужные файлы.

You can use plugins like WP Rocket and WP-Optimize to clean your WordPress database. Just make sure you’re reviewing everything that’s being deleted and to take a backup beforehand.

13. Используйте Cloudflare’s CDN

Использование Cloudflare – легкая задача.
Это бесплатно, и сервис имеет более 200 центров обработки данных, и CDN рекомендованы WordPress .

Некоторые хосты, такие как SiteGround, позволяют активировать Cloudflare на их панели инструментов. В противном случае зарегистрируйтесь для бесплатного плана Cloudflare, войдите в систему регистратора домена и перейдите на сервер имен Cloudflare.
В панели инструментов есть несколько настроек, которые вы должны рассмотреть:
Скорость : включить Brotli и Rocket LoaderScrape

Shield : включить защиту от хотлинка
Брандмауэр : блокировка плохих ботов из отчета о живом трафике Wordfence
Правила страницы : Cloudflare имеет
множество правил страницы для скорости, безопасности, совместимости

14. Используйте легкую тему

Я использовал тему ThemeForest, от которой отказался разработчик (риск, который вы берете на себя, приобретая тему у независимого разработчика, даже если она имеет хорошие отзывы). У меня также были кошмары при покупке раздутых тем для клиентов, которые замедляли работу их сайта WordPress .
Я имею в виду, что все встроенное делает это намного проще, верно?
Нет! Вы хотите выбрать легкую тему, которая будет минимальной и хорошо закодированной, а затем используйте плагины только для добавления необходимых вам функций. Оптимизация темы сложнее, чем удаление плагина.
Надеемся, что большинство из вас используют темы Astra, Flatsome или StudioPress, которые являются основными, которые я рекомендую.

15. Найти узкие места в GTmetrix

Помимо измерения баллов + времени загрузки, вы можете обнаружить немало вещей в GTmetrix. Поскольку каждый сайт Elementor индивидуален, вы хотите найти именно то, что замедляет ваш .
Время до первого байта

Unoptimized Images

Все еще есть медленный сайт сайт на Elementor?

Я скажу так: Cloudways и WP Rocket должны решить 80% ваших проблем. Хостинг и ваш кеш плагин являются основными факторами в руководстве по оптимизации WordPress.