Доброго времени суток, уважаемые вебмастера, таргетологи и арбитражники. В этой статье, я хочу показать вам реальный пример, рабочей схемы по ускорению загрузки страниц сайта на платформе WordPress. Согласен, много статей уже написано, но большинство лезут в техническую часть, делая настройки на стороне хостинга/виртуального сервера или лезут в лес плагинов, где нагружая базу данных сайта — вешают непонятные плагины, которые только усугубляют ситуацию. Так что в этой статье, я хочу показать вам альтернативное решение этой задачи по ускорению загрузки страниц на платформе WordPress из множеством изображений на странице.
Для всех знатоков я напишу следующее: влезать в исходный код платформы я не буду, делать техническую настройку хостинга или сервера — тем более. Потому покажу как сделать все быстро и качественно, без лишних танцев с бубном вокруг вашего тормознутого сайта.
В далеком 2016 году, я входил в топ-100 фрилансеров на бирже «work-zilla», где успешно ускорял сайты на любых платформах и с любым количеством страниц, потому не стоит мне писать за файл конфигурации сервера или настройки на стороне «cloudflare», мой вариант намного проще и эффективней. Так что я знаю о чем пишу и что делаю. К слову, предлагаю переходить от этой лирики к делу.
Предисловие
Перед тем как что-то начать делать, нужно создать план действий и убедится в том, что они будут эффективно реализованы перед поставленной задачей. Если у вас сайт заточен под бурж и направлен на аудиторию определенной страны, то и хостинг или виртуальный сервер, нужно арендовать в этой же стране. Потому как пинг в этом случае будет меньше и как результат, может вам и ничего не нужно будет оптимизировать. Ну и второй вариант, всегда для сайтов использовать хостинг с ssd диском но если возможно, арендовать виртуальный сервер с «NVMe ssd», где скорость передачи данных в разы выше обычных твердотельных ssd. Хотя, если вы используете решения CDN, вам это можно и не делать, вы уже за все заплатили.
Как ускорить загрузку любого сайта на WordPress где есть много картинок?
Оптимальный вариант это установить отдельный плагин, который будет оптимизировать каждую картинку на сайте, что в итоге приведет к значительно быстрой загрузки любой страницы на движке WordPress. Да, есть такой плагин и его название: TinyPNG. К слову, предлагаю пройтись по-шагам и посмотреть, как нужно его установить и запустить в работу. Да и забыл добавить — плагин бесплатный, так что постараюсь подробно описать процесс, чтобы вы максимально просто и быстро, ускорили загрузку страниц вашего сайта.
Шаг 1. Заходим в админку вашего сайта и переходим в раздел «Плагины» — «Добавить новый» — «Загрузить плагин». Дальше скачиваем плагин по ссылке выше, из официального источника и сохраняем у себя на пк/ноуте. Скрин добавлю для наглядности.
Дальше кликаем по кнопке «Обзор» и выбираем архив с готовым плагином TinyPNG и кликаем по кнопке «Установить». Через несколько секунд, в зависимости от вашего хостинга, плагин завершит свою установку и будет готов к работе. Но для этого нужно его активировать и переходить к тонкой настройке.
Шаг 2. Активируем плагин и переходим к его настройке. Переходим в раздел «Плагины» и ищем там наш плагин, который вы только что установили - название у него будет TinyPNG. Тогда кликаем по ссылке «Функции» для перехода к его настройке.
В новом окне, нам откроются все доступные функции этого плагина. Но главное что нужно нам там настроить — API-ключ. Дальше есть 2 пути: зарегистрировать новый аккаунт и получить этот ключ или войти в уже созданный вами ранее аккаунт и скопировать там свой API-ключ.
Для удобства и простоты работы, желательно делать по-схеме: 1 сайт = 1 аккаунт, потому регистрируем новый аккаунт и копируем там ваш API-ключ.
Шаг 3. Переходим в личный кабинет на платформе TinyPNG и копируем там наш API-ключ. К слову, бесплатно можно обработать до 500 изображений в месяц, потому если нужно больше — там установлен тариф $0.009/изображение, потому будет 100 изображений = $0.9. Это все конечно хорошо, но предлагаю посмотреть на личный кабинет, где там скопировать ваш персональный ключ.
Все достаточно просто. Переходим в раздел «Products» и выбираем подраздел «API». Кликаем по нему и вам откроется окно с готовым API-ключом, который мы далее установим в настройках плагина, для его запуска в работу.
Шаг 4. Копируем API-ключ и вставляем в настройки плагина, который установили и активировали ранее. Для наглядности, скриншот добавлю ниже
Вот и финишная прямая. Плагин установлен, активирован через API-ключ и теперь готов к работе. Как я уже писал выше, бесплатно можно обработать до 500 изображений в месяц, если нужно больше - есть возможность доплатить и получить то что вам нужно.
Теперь при загрузке на сайт любого изображения или картинки — будет происходить оптимизация и вес картинки получится в несколько раз меньше, без потери качества.
Для примера, я загрузил картинку на сайт, где исходный размер ее был 27 кб а когда она загрузилась на сайт — размер уже был 9 кб. Это говорит о том, что вес картинки уменьшился в 2 раза без потери качества, значит это позволит странице сайта загружатся намного быстрее. Так что результат есть и он очевиден.
Выводы
Практически всегда, нестандартные решения дают максимальный результат. Так что в этой статье, я вам показал как ускорить загрузку сайта на платформе WordPress, что позволит снизить нагрузку на ваш хостинг и положительно влияет на видимость вашего сайта в поисковиках. Большой плюс этой схемы в том, что все изображения, которые вы загрузите на сайт — пройдут оптимизацию в облаке и уже готовый, оптимизированный результат, будет загружен на ваш сайт. Так что это хороший альтернативный вариант, как ускорить сайт на движке Wordpress путем облачной оптимизации всех картинок.
Надеюсь эта статья была для вас полезной и пишите свои комментарии ниже, если у вас возникли какие-то вопросы. На связи Арбихелпер. Будь здоров и счастлив каждый, кто читает этот пост!
