24.05.2021

0 комментариев

Как улучшить скорость сайта с Thrive Theme Builder на 1, 2, 3

Как улучшить скорость сайта?

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

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

Но что делать, если вы не специалист в этих вопросах?

В этой статье речь пойдёт о том, как улучшить скорость сайта с Thrive Theme Builder.

Все параметры из раздела «Скорость сайта» на панели инструментов Thrive Theme Builder.

Thrive Theme Builder даёт вам возможность быстро и легко настроить базовые параметры, связанные со скоростью сайта, чтобы начать оптимизацию скорости вашего сайта.

Чтобы настроить их, сначала вам необходимо получить доступ к панели инструментов Thrive Theme Builder и её разделу «Скорость сайта». Для этого наведите курсор на элемент «Thrive Dashboard» в меню слева на панели администратора WordPress.

Затем нажмите «Thrive Theme Builder» в открывшемся подменю:

Thrive Theme Builder

Thrive Theme Builder

Теперь щёлкните раздел «Скорость сайта» в левой части панели инструментов Thrive Theme Builder:

Скорость сайта

Откроется «Панель скорости сайта», где вы можете настроить параметры, связанные со скоростью сайта, соответствующим образом.

На этой панели есть три разных раздела, которые вы можете использовать:

Важно!

«Панель скорости сайта» позволяет  быстро и без проблем настраивать предопределенные Параметры , но весь процесс оптимизации скорости намного сложнее, чем то, что можно охватить с помощью этих предопределенных параметров.


Имейте в виду, что параметры / конфигурации из «Панели скорости сайта» не являются исчерпывающими , они не охватывают все аспекты, связанные с оптимизацией скорости.


Настройка этого не будет означать, что всё, что связано со скоростью сайта, теперь будет настроено / включено для вашего веб-сайта или что другие настройки (например, «Ленивая загрузка», например) станут избыточными.

Вы можете щёлкнуть раздел, который хотите настроить, на левой панели «Панели скорости сайта»:

Панель скорости сайта»

Или вы можете щёлкнуть раздел, который хотите настроить, прямо на «Панели скорости сайта»:

Разделы панели скорости сайта

Давайте рассмотрим каждый из них по очереди, чтобы разобраться, что вы можете настроить с помощью этих разделов.

1. Минификация и кеширование

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

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

Сначала войдите в раздел «Минификация и кеширование», щёлкнув его прямо на панели, показанной выше, или щёлкнув на левой панели «Панели скорости сайта»:

Минификация и кэширование

Затем вы увидите все доступные плагины кеширования: WP RocketWP Fastest Cache и W3 Total Cache:

минимификация

WP Fastest Cache и W3 Total Cache бесплатны, но вам понадобится учётная запись Premium для WP Rocket. Это плагины для кеширования WordPress с высоким рейтингом. Выберите один из них, который вы будете использовать и настраивать.

WP Rocket

Один из рекомендуемых плагинов для кеширования - WP Rocket. У разработчиков Thrive Theme Builder  есть отдельная статья, с которой вы можете ознакомиться  здесь.

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

WP Fastest Cache

Если вы хотите использовать WP Fastest Cache, нажмите кнопку «Установить сейчас» рядом с ним:

WP Fastest Cache

Это автоматически установит плагин на ваш сайт (вы сможете найти его в любое время в разделе «Плагины» на панели администратора WordPress).

Затем нажмите кнопку «Активировать», появившуюся после установки, рядом с WP Fastest Cache:

WP Fastest Cache активирован

Вы получите уведомление в верхней средней части панели, сообщающее, что плагин был успешно активирован:

сообщение об успешной активации

Следующим шагом является нажатие кнопки «Настроить оптимальное кэширование с помощью Thrive»:

Настроить оптимальное кэширование с помощью Thrive

Теперь всё, что вам осталось сделать, это нажать кнопку  «Да, настроить» в появившемся предупреждающем сообщении:

Да, настроить кеш

Если вы это сделаете, WP Fastest Cache будет настроен автоматически с рекомендованными настройками, которые лучше всего работают с продуктами ThriveВам не придётся настраивать их самостоятельно, это будет сделано автоматически.

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

После того, как плагин настроен, вы увидите с ним метку «Настроено» :

Настроено

Если вы захотите, вы можете взглянуть на предопределённые параметры, которые были автоматически настроены в плагине WP Fastest Cache для продуктов Thrive.

Для этого перейдите в меню слева на панели администратора WordPress и щелкните элемент «WP Fastest Cache», который появляется после завершения настройки на «Панели скорости сайта» в Thrive Theme Builder (вам может потребоваться обновите панель администратора WordPress, чтобы увидеть это):

элемент WP Fastest Cache

Это откроет страницу с вашими включенными WP Fastest Cache опциями, рекомендованными для настроенных продуктов Thrive:

параметры WP Fastest Cache

W3 Total Cache

Третий плагин кэширования, который вы можете использовать в разделе «Минификация и кеширование» - это  W3 Total CacheПроцесс настройки такой же, как и для WP Fastest Cache.

Чтобы использовать этот плагин, сначала нажмите «Установить сейчас», которая находится рядом с ним:

W3 Total Cache

Таким образом, плагин W3 Total Cache будет автоматически установлен на вашем сайте. Затем нажмите на появившуюся кнопку «Активировать», чтобы активировать плагин:

Активировать W3 Total Cache

После завершения активации вы увидите сообщение об этом, которое появится на несколько секунд в верхней средней части панели:

сообщение об успешной активации

Следующее действие - кнопка «Настроить оптимальное кэширование с помощью Thrive», появляется после активации плагина:

Настроить оптимальное кэширование с помощью Thrive

Наконец, всё, что вам осталось сделать, это нажать кнопку  «Да, настроить кеш» в появившемся предупреждающем сообщении:

настроить кеш

Как и в случае с WP Fastest Cache, если вы нажмёте эту кнопку, плагин кеширования будет автоматически настроен с рекомендованными настройками, которые лучше всего работают с продуктами Thrive. Вам не придётся самостоятельно настраивать какие-либо параметры.

Примечание. Имейте в виду, что если вы уже использовали W3 Total Cache до этого времени, настройка кеша сейчас (использование кнопки «Да, кешировать») может означать, что вы потеряете настройки, которые у вас были ранее для этого плагина.

После нажатия кнопки, кэш будет настроен, и вы увидите ярлык  «Настроенный», который  появится рядом с W3 Total Cache:

Настроенный

Если вы захотите узнать, какие рекомендуемые параметры были автоматически настроены в плагине W3 Total Cache для продуктов Thrive, сделайте следующее:

Перейдите в левое меню панели администратора WordPress и нажмите на элемент «Производительность»   (он появится после того, как вы закончите настройку плагина на «Панели скорости сайта»):

Производительность

Это откроет панель W3 Total Cache, и вы сможете получить доступ к различным разделам, таким как  «Общие» или «Свернуть» , которые появляются в меню слева.

Здесь вы можете увидеть список с рекомендуемыми настройками, которые автоматически настраиваются для W3 Total Cache:

'minify.reject.logged' => true,
'minify.js.enable' => true,
'minify.js.header.embed_type' => 'nb-defer',
'minify.js.body.embed_type' => 'nb-defer',
'minify.js.combine.header' => true,
'minify.js.http2push' => true,
'minify.reject.files.js' => [ 'wp-includes/js/jquery/jquery.js' ],
'pgcache.enabled' => true,
'minify.enabled' => true,
'minify.error.notification' => 'admin',
'minify.html.enable' => true,
'minify.html.inline.css' => true,
'minify.html.inline.js' => true,
'minify.html.strip.crlf' => true,
'minify.css.combine' => true,
'minify.css.http2push' => true,
'minify.css.imports' => 'bubble',
'browsercache.cssjs.cache.control' => true,
'browsercache.html.expires' => true,
'browsercache.html.cache.control' => true,
'browsercache.security.referrer.policy' => true,
'common.track_usage' => true,
'objectcache.enabled_for_wp_admin' => false,

Восстановить настройки

Если позже вы измените рекомендуемые настройки на панели инструментов WP Fastest Cache или W3 Total Cache, у вас есть возможность восстановить их в любое время для обоих этих плагинов кэширования.

Чтобы восстановить рекомендуемые настройки, снова перейдите в раздел «Минификация и кеширование» на «Панели оптимизации скорости сайта» и просто нажмите на опцию «Восстановить рекомендуемые настройки» рядом с плагином, который вы ранее настроили:

Восстановить рекомендуемые настройки

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

Важно!

Рекомендуемые настройки, которые автоматически применяются при настройке плагинов, совместимых с продуктами Thrive, являются оптимальными, которые лучше всего работают с  плагинами / темой Thrive.


Однако разработчики не могут поручиться за другие плагины. Они не могут гарантировать, как эти рекомендуемые настройки будут работать с другими плагинами, которые могут быть установлены на вашем веб-сайте.


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

2. Оптимизация и доставка изображений

Это второй раздел на «Панели скорости сайта», который позволяет вам настроить и использовать инструменты / серверы, которые будут оптимизировать ваши изображения, чтобы ваш сайт работал быстрее. Таким образом, вы можете быть уверены, что ваши изображения будут сжаты и обслуживаются в правильном измерении из CDN (сети доставки контента).

Для этого сначала войдите в раздел «Оптимизация изображений»Либо щёлкните по нему напрямую, на «Панели скорости сайта», либо щелкните по нему на левой стороне панели:

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

На открывшейся странице вы увидите две вкладки, представляющие два доступных решения / плагина, из которых вы можете выбрать:

  • Optimole - полностью автоматизированное решение
  • Smush - базовое бесплатное решение

Optimole

Optimole

Optimole - это плагин, который рекомендуют разработчики Thrive Theme Builder, потому что он предлагает больше возможностей. 

У него более «невмешательский» подход (поэтому он более автоматизирован) и он охватывает все основы оптимизации изображений. Если вы используете Optimole, изображения на вашем сайте:

  • будут сжиматься автоматически;
  • будут отображаться автоматически с правильными размерами, в которых они отображаются;
  • будут обслуживаться из CDN (сети доставки контента), сервера, расположенного близко к местоположению посетителя веб-сайта, поэтому они будут отображаться быстрее.

Услуги, предлагаемые Optimole, бесплатны до 5000 посещений в месяц. Поэтому имейте в виду, что если вам понадобится больше, вам придется перейти на платную версию плагина.

У Thrive Theme Builder есть полная интеграция с Optimole, поэтому, если вы решите настроить этот плагин здесь, изображения, которые вы используете в своих продуктах Thrive, будут автоматически оптимизированы. Вот шаги, чтобы сделать это:

Установите плагин

Нажмите кнопку «Установить сейчас» рядом с Optimole:

Нажмите кнопку Установить сейчас

Плагин будет автоматически установлен на ваш сайт, и вы будете перенаправлены на страницу активации.

Зарегистрируйтесь и подключите аккаунт

Прежде чем можно будет активировать Optimole, вам понадобится учетная запись Optimole и ключ API для подключения этой учетной записи к вашему веб-сайту.

Если вы ранее регистрировались на их веб-сайте и у вас уже есть ключ API, нажмите кнопку «У меня уже есть ключ API» и введите свой ключ API.

Если нет и у вас ещё нет ключа API, нажмите кнопку «Зарегистрировать и отправить ключ API по электронной почте»:

Зарегистрировать и отправить ключ API по электронной почте

Другое поле появится с адресом электронной почты администратора вашего веб-сайта. Убедитесь, что это адрес электронной почты, который вы хотите использовать для регистрации в Optimole.

Если вы хотите использовать другой адрес электронной почты, вы можете просто удалить текущий и заменить его тем, который хотите использовать.

Убедившись, что адрес электронной почты является подходящим, снова нажмите кнопку «Зарегистрироваться и отправить ключ API электронной почты»:

отправить ключ API

Через несколько секунд вы будете зарегистрированы в Optimole и получите электронное письмо с ключом API, который вам нужно использовать для подключения вашей учётной записи.

Найдите приветственное письмо от Optimole в своем почтовом ящике и, когда найдёте его, скопируйте из него ключ API .

Затем вернитесь на страницу настройки (часть «Подключить учетную запись»), вставьте «Ключ API» в специальное поле «Ключ API» (под сообщением с уведомлением):

вставьте «Ключ API»

Заполнив поле «Ключ API», нажмите кнопку «Подключиться к службе Optimole» рядом с полем:

Подключиться к службе Optimole

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

на вашем сайте сейчас выполняется оптимизация изображений

Вы сможете получить доступ к этой панели управления Optimole в любое время, наведя курсор на элемент «Медиа» в левом меню панели администратора WordPress и щелкнув «Optimole» в появившемся подменю:

Optimole

Здесь также будет доступна статистика «Ежемесячное использование» и «Последние оптимизированные изображения», и вы можете в любое время проверить вкладку «Настройки», если хотите узнать больше о настройках:

Последние оптимизированные изображения

Настройте Optimole для продуктов Thrive

Следующим шагом является настройка плагина, применяя рекомендуемые параметры, которые лучше всего подходят для продуктов Thrive. Вернитесь в раздел «Оптимизация изображения» на «Панели скорости сайта», как описано выше.

Вы увидите, что плагин теперь активен. Затем нажмите кнопку «Настроить Optimole для оптимального использования с Thrive» :

Настроить Optimole для оптимального использования с Thrive

Появится предупреждающее сообщение, информирующее о том, что при этом в Optimole будут настроены рекомендуемые параметры для продуктов Thrive. Имейте в виду, что если вы ранее использовали Optimole, это может привести к потере некоторых из ваших существующих настроек.

Нажмите кнопку «Да, настроить Optimole», чтобы настроить этот плагин с  рекомендуемыми настройками от разработчиков Thrive:

настроить Optimole

После этого в Optimole будут настроены параметры, которые лучше всего подходят для продуктов Thrive:

в Optimole будут настроены параметры

Примечание:  если вы измените что-то, связанное с этими рекомендуемыми настройками на панели инструментов Optimole, и хотите восстановить правильные настройки для Thrive, вы можете легко это сделать.

Вернитесь в раздел «Оптимизация изображения» здесь в любое время и повторите те же шаги, начиная с кнопки «Настроить Optimole для оптимального использования с Thrive» , чтобы снова настроить параметры всего за несколько щелчков мышью.

Smush

Smush - другой плагин, который вы можете выбрать в разделе «Оптимизация изображений» на «Панели скорости сайта». Этот плагин менее автоматизирован, чем Optimole.

С Smush вы должны загружать изображения, а затем сжимать их, когда они появляются в медиатеке. Кроме того, если вы хотите иметь поддержку CDN и адаптивные изображения, вам придется перейти на профессиональный план Smush.

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

Если вы решите использовать Smush, сначала щелкните вкладку «Бесплатно», чтобы открыть её. Затем нажмите кнопку «Установить сейчас» рядом с названием плагина:

Установить сейчас

Вы увидите, что всего одним щелчком мыши плагин будет установлен и активированОднако, поскольку у разработчиков Thrive нет полной интеграции со Smush, после того, как вы установите и активируете плагин здесь, вам придётся самостоятельно настроить его параметры.

Для этого вы можете получить доступ к панели управления Smush в любое время, щелкнув элемент «Smush» в левой части панели администратора WordPress (вам может потребоваться обновить панель, чтобы увидеть его):

элемент «Smush»

Затем вы попадёте на панель управления Smush, где сможете приступить к настройке различных параметров плагина.

3. Ускоренные мобильные страницы (AMP)

И последнее, но не менее важное: в «Панели скорости сайта» у вас также есть возможность использовать технологию «Ускоренные мобильные страницы».

«Ускоренные мобильные страницы» или сокращенно AMP - это технология, разработанная Google для создания более быстрого и оптимизированного контента для мобильных устройств.

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

Разработчики встроили технологию AMP в Thrive Theme Builder, чтобы дать вам возможность создавать контент AMP, если вы хотите.

Однако имейте в виду, что AMP - не лучшее решение для всех. Если вы не знакомы с этой технологией и не уверены, следует ли включать её в своем контенте, посмотрите видео здесь, чтобы получить дополнительные сведения.

Чтобы включить AMP, щелкните раздел «Ускоренные мобильные страницы» на «Панели скорости сайта»:

Ускоренные мобильные страницы

Это откроет панель инструментов:

панель инструментов

Примечание. Интеграция AMP все ещё находится в бета-версииЭто означает, что продолжается его разработка, поэтому разработчики пока не рекомендуют использовать параметры из раздела «Ускоренные мобильные страницы» на вашем рабочем сайте.


Также имейте в виду, что не весь контент можно преобразовать в контент AMP. Некоторые примеры могут включать элементы «Вкладки», элементы «Переключить» или формы, созданные с помощью элемента «Генерация лидов».

Затем нажмите переключатель рядом с параметром «Включить AMP» на открывшейся странице:

Включить AMP

Это откроет параметры AMP, которые вы можете использовать, например:

  • выбор типа контента для включения AMP;
  • преобразование всех ваших внутренних ссылок в URL-адреса AMP;
  • и выбор, устанавливать ли Google Analytics на AMP-контент.

Использование всех этих параметров подробно описано в кратком руководстве по началу работы с AMP здесьТак что, если вам нужна дополнительная информация об этом, ознакомьтесь с руководством.

Это были способы, которыми вы можете настроить и использовать раздел «Скорость сайта» на панели инструментов Thrive Theme Builder. Если вам нужны ещё более подробные сведения об этом, ознакомьтесь с этим сообщением в блоге .

Если вы хотите ещё больше познакомиться с Thrive Theme Builder, загляните сюда.

Надеюсь, эта статья была для вас полезной. Если да, пожалуйста, оставьте комментарий или поделитесь с друзьями или единомышленниками.


Теги:


Об авторе

Александр Зарубин

Интернет-исследователь и блогер, продвигаю партнёрские программы, записываю обучающие видео и курсы, тестирую плагины, скрипты и прочие инструменты интернет - продвижения.

Вам также может понравиться

Оставьте комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля отмечены

{"email":"Адрес электронной почты недействителен","url":"Адрес сайта недействителен","required":"Обязательное поле отсутствует"}

Вы бы хотели продавать свой онлайн-курс со своего собственного веб-сайта?