Оптимизация WordPress в 2018-2019

Оптимизация WordPress в 2018-2019
15 Ноя

Полная оптимизация WordPress в 2018-2019 году.

Всем привет! Сегодня мы поговорим об одном из самых важных факторов в продвижении блога, а именно – оптимизация WordPress в 2018-2019 году. Я не зря выделил именно временной отрезок, потому что ещё год назад оптимизация проходила абсолютно по другому. Сейчас же, с таким стремительным развитием этой CMS, процесс оптимизации тоже должен быть инновационным. О чём собственно и пойдет речь в данной статье.

Раньше, чтобы привести сайт в более-менее нормальное состояние в плане оптимизации, нужно было сделать кучу правок кода и не только. При этом, всё делалось вручную. А если делалось всё вручную, значит этот вариант не подходит половине веб-мастеров. Особенно это затрагивало новичков в создании сайтов. Ведь когда ты только начинаешь осваивать WordPress, ты наслушавшись рекламы, что никаких языков программирования не требуется, начинаешь создавать свой сайт реально не зная никаких языков.

Конечно, в процессе, после 2-3 сайта, ты начинаешь глубже вникать, но всё равно тяжело сталкиваться с кодом, с которым ты никогда не сталкивался. Именно поэтому оптимизация сайта на WordPress была не всем веб-мастерам по зубам. Давайте я вкратце расскажу, что нужно было сделать для оптимизации простого блога. Что лично я делал, буквально пол года назад. Больше чем уверен, многие из вас занимались этим или же планируете только это начать осуществлять, поэтому ничего нового в первой части статьи не будет. Скорее будут болезненные ощущения от воспоминаний 🙂 .

 

Как проходила оптимизация WordPress раньше.

Раньше, нужно было воспользоваться специальными хуками, чтобы перенести подключения скриптов и стилей из хедера в футер. Так же нужно было оптимизировать все изображения на сайте. Для этого тоже был нужен целый квест. Приведу самые популярные способы:

  • Можно было оптимизировать изображения вручную. Для этого нужно было скачать все изображения с сайта и в фотошопе пересохранить каждое через функцию “сохранить для web”. Это поможет оптимизировать картинки без потери качества. Но если на сайте тысячи картинок, то это не из самых приятных занятий. Придется пересохранять каждое изображение.
  • Ещё был вариант открыть Google Page Speed Insights и после проверки нужной страницы скачать предложенный архив оптимизированных изображений и заменить ими имеющиеся на сайте. Предварительно подогнать названия файлов если они были изменены при оптимизации. (! На данный момент этого способа уже нет в данном сервисе).
  • Так же можно было скачать какой-нибудь популярный плагин для оптимизации изображений и сжать их автоматически. Но при этом, в большинстве случаев, качество изображений менялось до безобразного состояния. В общем, найти золотую середину, было не так просто как кажется.

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

  • RSS каналы. Этот метод подписки на блог, можно назвать устаревшим и им очень многие не пользуются и не воспользуются. Потому, эту функцию отключают, что немного увеличивает скорость загрузки страницы. +1 в копилку оптимизации.
  • REST API. Эта функция позволяет подключаться к WordPress извне. Она используется разработчиками, поэтому отключают данную функцию, что добавляет ещё один плюсик.
  • EMOJIS. Многие не пользуются встроенными Эмодзи в WordPress. А скрипт подключается на каждой странице, не зависимо от того, используются они или нет. Поэтому, многие отключают эту функцию и ещё больше увеличивают скорость загрузки сайта.

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

 

Как проходит оптимизация WordPress в 2018-2019 году.

К счастью, таким “мучениям” пришел конец. Теперь не надо сидеть сутками и отключать не нужные функции, а потом ещё сидеть и тестировать, не полетел ли сайт. И если что-то полетело, искать из-за чего именно и исправлять. Одним словом, разработчики плагина Clearfy избавили тысячи веб-мастеров от головной боли. И это не преувеличения. Данный плагин для оптимизации WordPress действительно достоин, чтобы ему посвятить целую статью как минимум. Что собственно я и сделал 🙂 .

Теперь всё, что мы делали вручную, можно делать одним нажатием мыши. И если раньше, мне надо было минимум сутки, чтобы настроить сайт более-менее, то сейчас мне хватает 15-20 минут. Плюс примерно столько же, чтобы протестировать всё. Думаю разницу заметили все.

Перед тем, как мы перейдем к настройкам Clearfy, хочу обратиться к плагинафобам:

Если вы считаете, что километровая портянка из хуков и скриптов в functions.php, это действительно лучше чем специализированный плагин, ваше право. Продолжайте питать себя иллюзиями что то, что вы пихаете сами, будет работать быстрее и лучше. Эта иллюзия коварна и пока сам не поймёшь как это работает, никто не заставит поверить в обратное. Мучайтесь на здоровье!

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

 

Плагин для оптимизации WordPress – Clearfy.

С плагином для оптимизации Clearfy я познакомился не так давно. Примерно пол года назад, может чуть позже, я не засекал время. По началу я его установил, посмотрел сколько там всевозможных настроек, подумал что лучше уж свою портянку из скриптов перенести, чем разбираться в нем и удалил. И так повторялось раза 3. Потом, я всё-таки решил уделить ему время и разобраться в его настройках и осознал, что зря не изучил их раньше. Времени бы сэкономил уйму. Но, как говориться, всё приходит тогда, когда действительно нужно. Так и случилось. Я взял заказ на 2 сайта и времени было просто катастрофически мало, вот я и решил его использовать. Теперь, плагин Clearfy стоит у меня на каждом сайте.

Давайте уже преступим к настройкам этого плагина. Для начала вам нужно скачать плагин с репозитория WordPress или ознакомиться с ним на официальном сайте плагина. Установка происходит по стандартной схеме, описывать я её тут не буду. После установки в меню “Настройки” появится дополнительное меню с названием “Clearfy меню”. Плагин поддерживает русский язык, так что в настройке проблем не будет. Для начала разберем бесплатные функции этого плагина.  Если вы ещё тренируетесь или создаете сайт для себя, то бесплатная версия будет вам за глаза в большинстве случаев. Но уверяю вас, как только придет осознание, что ваш сайт должен быть одним из лучших, сами начнете искать за какие плагины вы готовы будете заплатить. И Clearfy это первый плагин который вы купите, потому что инвестиции в этот плагин окупятся вам в самое ближайшее время. Итак, давайте приступим к настройкам …

 

Бесплатные функции плагина оптимизации Clearfy.

После установки плагина вам надо перейти в настройки и сразу отключить модули которыми вы пользоваться не будете. Чтобы попасть на страницу модулей нужно перейти в “Настройки” > “Clearfy меню” > “Компоненты”.

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

Я же рекомендую настраивать плагин вручную, так вы сможете намного точнее контролировать весь процесс и знать, что вы делаете со своим сайтом. К тому же, в плагине есть очень полезная функция – Импорт настроек. То есть, можно один раз настроить его и потом все настройки переносить на другие сайты несколькими строчками кода. Очень удобная фитча. О ней расскажу немного позже. А пока, давайте пробежимся по самому меню и посмотрим, что может этот плагин.

 

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

Этот раздел включает в себя 2 подраздела. Первый подраздел отвечает за быструю оптимизацию всех изображений на сайте и выбор оптимизирующего сервера. И второй раздел отвечающий за настройки данной оптимизации. Выглядит этот раздел следующим образом:

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

 

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

В этом разделе 4 подраздела. На нем мы остановимся немного подробнее. Потому что этот раздел, один из самых важных для оптимизации сайта. Начнем с первого подраздела. На скрине так же отмечу нужные параметры.

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

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

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

Вкладки “Менеджер скриптов” и “Гугл сервисы” опциональные функции если вы их включили в первом шаге, когда выключали ненужные модули. Здесь всё предельно просто, думаю расписывать не имеет смысла. Про “Менеджер скриптов” мы поговорим немного позже.

 

SEO.

Данный раздел включает в себя 3 подраздела. Первый подраздел “SEO” позволяет настроить основные параметры, такие как:

  • Установка заголовка Last Modified.
  • Возвращать заголовок If last Modified.
  • Устанавливать автоматически alt к картинкам и другие плюшки.

Пару слов о заголовках Last Modified. Если у вас на сайте есть регистрация или какие-то функции использующие сокет файлы, могут быть проблемы с отображением. У меня на сайте, при переходе на любую страницу, которую я посещал не под администратором, показывается страница из кэша без авторизации. Так что будьте внимательны при использовании этой функции. Тем более если у вас интернет-магазин. В этом случае пользователь не сможет сделать заказ если не почистит кэш. В общем, устанавливайте заголовки с осторожностью.

Второй подраздел отвечает за перевод имен файлов, адресов статей и страниц на латинский язык, точнее на латинские буквы. К примеру, вы создаете новую статью, а WordPress автоматически из заголовка создает адрес страницы. И если заголовок был на русском языке, то и адрес страницы будет на русском языке. Пример: /статья_первая/, а правильнее вот так: /statya_pervaya/. Именно это и делает данная функция. Базовые настройки выглядят следующим образом:

Третий подраздел позволяет избавиться от дублей страниц. Страницы архивов, страницы авторов и другие, обычно не нужны сайту. Поэтому целесообразней их отключить. Я отключил все представленные кроме страниц тегов. Потому что я пользуюсь тегами на своём блоге. Но если вы не используете их, смело отключайте. Сейчас теги не особо влияют на продвижение, зато хорошо помогают при поиске информации самим пользователям. Поэтому я решил пожертвовать драгоценными миллисекундами в пользу удобства для пользователей.

 

Виджеты.

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

 

Защита.

Судя из названия это раздел защиты. Здесь я рекомендую включить всё, что предлагает плагин. Все эти функции в какой-то степени нужны. Опять же, раньше мы занимались защитой вручную, сейчас же достаточно просто включить соответствующие выключатели 🙂 .

Второй подраздел очень интимная часть, поэтому я не буду её показывать. Там всего несколько функций, разберетесь без проблем. Но рекомендую ею пользоваться с осторожностью. Если же вы всё-таки умудрились забыть свою страницу входа которую вы указали попробуйте подключиться через FTP к сайту и переименуйте папку плагина. После этого Перегрузите страницу сайта. Этим вы отключите полностью плагин и сможете зайти как обычно через wp-admin.

 

Комментарии.

Этот раздел позволяет полностью или частично отключить комментарии на сайте WordPress. Единственное не советую отключать в форме поле для сайта. Некоторые комментаторы специально пишут коммент чтобы оставить ссылку на свой сайт. Да что там говорить, большинство из вас тоже не комментируют если нет возможность оставить свою ссылку. Поэтому не советую ограничивать людей, не будьте жадинами.

 

Дополнительно.

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

 

Лицензия.

Ну здесь я думаю всё понятно. Покупаете плагин, получаете код активации, вводите его в этом разделе и наслаждаетесь всеми функциями которые уже существуют и которые будут появятся в будущем. Я не зря говорил, инвестиции в плагин Clearfy окупят себя не один раз.

 

Компоненты.

В этом разделе можно включать или отключать определенные модули плагина. С ним вы познакомились ещё в самом начале. Думаю описывать его не имеет смысла. Всё предельно просто, либо включить модуль, либо выключить.

 

Бизнес лицензия плагина Clearfy

Теперь поговорим о платной версии этого плагина. Платная версия дополняет некоторые существующие уже функции расширенными настройками. Кстати говоря, очень полезными штуками. Но, давайте всё по порядку.

После того, как вы приобрели лицензию, вы получите специальный секретный ключ, который нужно будет активировать в плагине. Активировать надо в настройках плагина в пункте “Лицензия”. После успешной активации вы увидите вот такую колонку:

Оптимизация WordPress в 2018-2019

Если вы увидели такое сообщение, значит всё в порядке. Теперь вы можете активировать премиум дополнения. Чтобы включить их, перейдите в раздел “Компоненты”. Там появится доступ к премиум аддонам:

  • Assets manager [premium] – Включает дополнение для расширенных настроек менеджера скриптов. Как пользоваться менеджером скриптов, я напишу отдельную статью. И скорее всего она будет следующей. Если кратко, то с помощью менеджера скриптов, можно выключать не использованные скрипты на страницах сайта. К примеру, я отключаю скрипт плагина синтаксиса кода в статьях, где я его не использую. Все настройки производятся непосредственно на странице, на которой требуется выключить подобные скрипты. Чтобы попасть в менеджер скриптов, перейдите на нужную страницу и в верхнем сайтбаре выберите пункт “Clearfy -> Менеджер скриптов”.
  • Updates manager [premium] – Расширяет возможности стандартного менеджера обновлений. С помощью него можно настроить автоматическое обновление всех или отдельных тем и плагинов. Очень удобная штука. Лично я, пользуюсь этой функцией постоянно. Точнее настроил один раз и нужные мне плагины обновляются автоматически.
  • Скрыть мой WordPress – Этот пункт позволяет полностью скрыть информацию о том, что сайт сделан на WordPress. То есть заменит все пути к файлам, по которым можно определить, что это сайт WP. Честно говоря, мне нет смысла скрывать, что сайт на этой CMS сделан. Но для крупных сайтов, особенно новостников, эта функция может существенно защитить сайт от хакерских атак. Да и не только для таких сайтов. Если вы уверенны, что ваш сайт будет иметь ценность для хакеров, обязательно воспользуйтесь данной функцией. У меня ещё не до такой степени раскручен сайт, поэтому пока не пользуюсь данным аддоном.

 

Assets manager [premium]

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

Менеджер скриптов Clearfy Business

Как видите, в про-версии можно стразу узнать сколько весят подключаемые скрипты и сколько будут весить при отключении некоторых из них. Так же видно сколько всего запросов подключается. И ещё одна очень удобная функция “Безопасный режим”. Она позволяет отключать скрипты в тестовом режиме. То есть отключаться они будут только для администраторов. Тем самым дается возможность протестировать сначала, не сломался ли сайт после отключения определенного скрипта или нет. А после того, как всё будет хорошо, отключаете галочку на этом пункте и скрипты начинают отключаться для всех. Удобно, когда вы редактируете уже посещаемый сайт, когда на нем присутствуют пользователи.

 

Updates manager [premium]

Следующая функция, которая как я упомянул выше, позволяет настроить автоматическое обновление плагинов и тем на вашем сайте. Данный аддон появиться в разделе “Обновления”. Там появятся два новых пункта “Плагины” и “Темы”. Страшного в настройках ничего нет, но на всякий случай покажу скрин настроек:

Автоматическое обновление

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

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

 

Скрыть мой WordPress

Ну и последняя функция позволяет скрыть всю информацию, которая может выдать ваш сайт, что он создан на WordPress. Так же позволяет скрыть от ботов хакера доступ к вашему сайту. То есть, когда специальный бот для взлома WP сайтов перейдет на ваш сайт, он не поймёт что он на этой CMS и пройдет мимо. Так же будут проходить СПАМ-боты настроенные на эту CMS.

Настройки данного пункта не буду показывать, так как они являются “интимной настройкой” моего сайта. Но думаю вы разберетесь. Если возникнут какие-то вопросы, я с радостью помогу, чем смогу.

 

Заключение

На этом у меня всё. Теперь и вы знаете, что представляет из себя оптимизация WordPress в 2018-2019 году. Как видите, это мега-плагин, который даже в бесплатном использовании даёт столько полезных настроек, сколько вы не найдете ни в одном бесплатном плагине. Сразу видно, разработчики смотрят на года вперед и не нацелены просто срубить бабла. Иначе, они не давали бы столько возможностей в бесплатной версии. Если возникнут какие-либо вопросы, смело задавайте их в комментариях ниже. Пользуйтесь только лучшими плагинами! До встречи на страницах блога WPMaster.KZ


Рекомендую почитать


  
Собери фразу или афоризм из 5 частей в течение месяца и получи 100 рублей. Условия конкурса можно узнать на этой странице. Третья часть - остановка сердца, (сохраните её)

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

avatar
1000
4 Цепочка комментария
5 Ответы по цепочке
4 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
4 Авторы комментариев
Андрей WPMАлексейГеоргий В.Andrey_coder Авторы недавних комментариев
  Подписаться  
Уведомление о
Георгий В.
Гость
Георгий В.

Я совершенный новичок в вопросах сайтостроения. Не могли-бы Вы пояснить назначение “If last Modified”, и какое это отношение имеет к SEO, или дать ссылку, где всё это доступно описывается для чайников?

Andrey_coder
Гость
Andrey_coder

Спасибо автору за познавательную статью.
Раньше и не подозревал о необходимости оптимизации и вину за все лаги сваливал на дешевый хостинг))
Советуемый плагин опробовал сам – мне понравился, все просто и удобно.

Алексей
Гость
Алексей

Вот это обзорище. Это рекламный пост или реально всё это он может в бесплатной версии? Потому что я наткнулся на этот плагин и он был изначально платный. Всмысле он за деньги продается, а ты пишешь бесплатный. Как так?