Как исправить медленный веб-сайт Elementor: 16 оптимизаций, которые помогли мне получить 100% -ную оценку скорости страницы и время мгновенной загрузки на моем сайте

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


Итак, что вызывает ваш медленный сайт загрузки?

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

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

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

Elementor Speed ​​Optimization

Contents

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

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

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

Во-первых, проверьте вашу текущую версию PHP под Elementor > Системная информация.

Elementor PHP версия

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

Кинста PHP 7.4

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

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

Опять же, проверьте ваш лимит памяти в под Elementor > Системная информация.

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

Предел памяти Элементора

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

Предел памяти

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

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

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

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

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

Вот Учебник YouTube.

Elementor Custom Fonts

Нет Elementor Pro?

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

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

Google Fonts GTmetrix

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

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

Transfonter-Google-Font-Конверсия

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

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

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

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

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

Внешние скрипты

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

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

WP Rocket Local Analytics

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

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

5. Избегайте высоких плагинов процессора

Некоторые плагины, которые вы должны просто держаться подальше от.

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

  1. Добавь это
  2. Мониторинг мошенничества в кликах AdSense
  3. Все-в-одном календарь событий
  4. Резервный друг
  5. Строитель Бобров
  6. Лучший WordPress Google XML Sitemaps
  7. Проверка неработающей ссылки (используйте Dr. Link Check)
  8. Постоянный контакт для WordPress
  9. Контактная форма 7
  10. Контекстуальные сообщения
  11. Digi Auto Links
  12. Система комментариев Disqus
  13. Divi Builder
  14. Essential Grid
  15. Просмотреть полный список 65 медленных плагинов

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

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

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

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

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

Asset CleanUp плагин

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

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

Очистка актива Проверить все

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

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

Asset CleanUp WooCommerce

Perfmatters фактически позволяет вам сделать это с 1-клик:

оптимизация woocommerce

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

Факир говорит:

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

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

Elementor Switch Editor Метод загрузки

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

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

Служить масштабированным изображениям

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

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

Медленное время отклика сервера?

Запустите свой сайт через Google PageSpeed ​​Insights и убедитесь, что он <200 мс, как Google рекомендует. Ваш сервер (хостинг) является № 1 фактор в руководстве по оптимизации WordPress.

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

Элементор Хостинг

SiteGround-против-Cloudways-Cloud-хостинг

GTmetrix-отчет-за длиной столбу

Опыт других людей с Cloudways:

Время отклика Cloudways

WP Engine To Cloudways

Отчет DigitalOcean Pingdom

Время отклика сервера Cloudways

Улучшение времени загрузки Cloudways

Cloudways против WP Engine

Без названия

Cloudways Pingdom Время загрузки

Cloudways Pingdom Report

Namecheap To Cloudways Миграция

Cloudways WooCommerce Миграция

Cloudways AWS Migration

Они также были # 1 во многих опросах Facebook и имеют большие Отзывы о TrustPilot:

Рекомендации хостинга Facebook

VPS облачный хостинг WooCommerce Опрос

Опрос облачного хостинга VPS

WordPress Хостинг Предложения

Cloudways-Facebook-Обзор

Cloudways Обзор Facebook

Cloudways против SiteGround

Нижняя граница: общий хостинг – это хорошо, если вы не используете 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, вам действительно стоит обратить на это внимание..

2016 лучший опрос плагинов кеша

2019 опрос плагинов кеша

Свифт против WP Ракета

Опрос плагинов кеша 2016

Опрос лучших кеш плагинов 2018 года

wp rocket vs w3 кеш тайла

Вы увидите разницу:

WP Rocket До После

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

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

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

Вы можете использовать плагины, такие как WP Rocket и WP-Optimize, чтобы очистить базу данных WordPress. Просто убедитесь, что вы просматриваете все, что было удалено, и заранее сделайте резервную копию.

WP-Optimize Чистая база данных

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

Использование Cloudflare – легкая задача.

Это бесплатно, имеет более 200+ центров обработки данных, а CDN рекомендуется WordPress.

Cloudflare Logo

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

В панели инструментов есть несколько настроек, которые вы должны рассмотреть:

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

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

Время историй.

Я использовал тему ThemeForest, от которой отказался разработчик (риск, который вы берете на себя, приобретая тему у независимого разработчика, даже если она имеет хорошие отзывы). У меня также были кошмары, когда я покупал раздутые темы для клиентов, которые замедляли работу их сайта WordPress..

Я имею в виду, что все встроенное делает это намного проще, верно?

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

Надеемся, что большинство из вас используют темы Astra, Flatsome или StudioPress, которые являются основными, которые я рекомендую.

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

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

Время до первого байта

Время до первого байта

Неоптимизированные изображения

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

Медленные плагины

Медленный плагин WordPress

16. Закончите последние 10% скорости с Perfmatters

Perfmatters (Кинста) заботится о том, что я люблю называть Разные оптимизации скорости:

особенности перфматтеров

Некоторые из них чрезвычайно полезны; менеджер скриптов, который позволяет вам выборочно отключать плагины / скрипты с определенных страниц, изменять интервал автосохранения, ограничивать ревизии после публикации, предварительно подключать и отключать скрипты, стили и фрагменты корзины WooCommerce. Когда дело доходит до этих оптимизаций, я не знаю ни одного плагина, который бы работал лучше, чем Perfmatters..

Что вы ожидаете, это Кинста. Конечно, это отличный плагин.

Часто задаваемые вопросы

&# X1f680; Каковы наиболее распространенные причины медленного сайта Elementor?

Неиспользование хорошего плагина кеша, неправильная настройка параметров плагина кеша, медленный хостинг, неоптимизированные изображения, использование шрифтов Google и внешних сценариев, плагины с высоким процессором и отказ от использования CDN являются одними из наиболее распространенных причин медленного сайта Elementor..

&# X1f680; Что я могу сделать, чтобы ускорить Elementor?

Используйте опцию пользовательских шрифтов Elementor, чтобы уменьшить количество запросов от Google Fonts или Font Awesome. Вы также можете выборочно отключить неиспользуемые функции Elementor на страницах / постах, используя плагин, такой как Asset CleanUp или Perfmatters от Kinsta. Остальные – это общие оптимизации скорости, которые не имеют ничего общего с Elementor..

&# X1f680; Как вы используете пользовательские шрифты, чтобы они загружались быстрее?

Для этого вам понадобится учетная запись Elementor Pro. Загрузите файлы шрифтов (например, из Google Fonts) и загрузите их в раздел пользовательских шрифтов Elementor.

&# X1f680; Elementor замедляет мой сайт?

Elementor не вызвал никаких ошибок в моем отчете GTmetrix и, предположительно, является самым быстрым конструктором страниц WordPress. Это не должно сильно замедлять ваш сайт, если вообще. Но если вы думаете, что это так, проверьте вкладку GTmetrix Waterfall, чтобы увидеть, что действительно вызывает проблему.

&# X1f680; Какой хостинг рекомендуется для сайтов Elementor?

В популярной Facebook-группе Elementor SiteGround и Cloudways обычно входят в топ-2 хостов, принимаемых в опросах Facebook..

Все еще есть сайт медленного элемента?

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

ура,
Том

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map