Оптимизация WordPress для нубов

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

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

Для начала важный момент – результат оптимизации будем проверять на крутом сервисе от google: оценка скорости загрузки сайта. Вот так сейчас выглядит мой показатель для просмотра страниц со стационарных компьютеров:

Оценка скорости загрузки сайта.
Оценка скорости загрузки сайта.

Он конечно бывает изменяется, но незначительно – но это видимо зависит от нагрузки на сервера вашего хостинга. А какой у Вас индекс скорости загрузки сайта? Пиши в комментариях.

До оптимизации у меня данный показатель был в диапазоне от 45 до 60 и по сайту было заметно что он тормозит! Итак, приступаем к нашим действиям!

Первое что необходимо сделать: это удалить в админке сайта все неиспользуемые плагины и темы. Здесь все очень просто. Смотрим каждый плагин: если он не используется или его можно отключить (при этом сайт не потеряет в функциональности) – то смело его удаляем! Так же делаем и с не активными темами. К примеру я удалил две не активные темы и порядка десятка ненужных плагинов.

Второе что мы делаем: это оптимизируем все изображения на сайте с помощью плагина ‘WP-Optimize’:

WP-Optimize для WordPress.
WP-Optimize для WordPress.

Данное действие позволит уменьшить объем изображений (потери качества я не заметил), а следовательно и скорость загрузки сайта.

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

Ресурсы блокирующие отображение.
Ресурсы блокирующие отображение.

Скажу честно, в первый раз я ничего не понял – и вообще боялся лезть в незнакомые для меня вещи. Но все оказалось просто. Наводим на ссылки и смотрим, какие файлы плагинов или сайта уменьшают скорость загрузки. Так же колонке ‘потенциальная экономия’ мы можем понять – от чего желательно избавиться!

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

Лишний плагин youtube-channel.
Лишний плагин youtube-channel.

Он мне не нужен, так как по умолчанию в wordpress встроен механизм вставки ссылок на ютубе! Удаляем!

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

Обращение к файлам, которых нет.
Обращение к файлам, которых нет.

Зайдя в панель администрирования хостинга я обнаружил что ни каталога ни файлов на сервере нет. Но к ним почему-то идет обращением. Ищем кто же их все таки дергает (поиск по-содержимому файлов на хостинге):

Обращение к несуществующим файлам.
Обращение к несуществующим файлам.

Оказалось что в файле ‘header.php’ моей темы к этим файлам идет обращение. Отлично! Удаляем данные строки и получаем существенный прирост в скорости загрузки!

Вот так вот потихоньку мы анализируем блокирующие ресурсы и стараемся от них избавиться – по крайней мере только это действие я могу реализовать. Оптимизировать код файлов я не могу, так как по сути шарю только в 1с!

Самый большой прирост скорости загрузки сайта я получил, удалив у себя виджет ‘Social Icon Widget от WPZOOM’. Кто бы мог подумать, что вроде бы как полезный виджет иконок социальных сетей, будет так сильно грузить мой сайт. Но встал вопрос: как же красиво выводить ссылки на социальные сети? А очень просто – на данный момент я рисую кнопки в ‘фотошопе’ и просто вставляю их в текст в сайдбаре:

Виджет текст и вставка медиафала.
Виджет текст и вставка медиафала.

Это существенно мне прибавило в скорости загрузке, да и смотрится если честно не совсем убого. Но я еще работаю над иконками – это только тестовый вариант:

Замена иконок социальный сетей.
Замена иконок социальный сетей.

Еще один не маловажный момент в оптимизации: это блокировка бесполезных на мой взгляд функций, которые только зря нагружают сайт. Я их нашел в этом замечательном источнике – автор явно разбирается на порядок лучше меня. Спасибо автору сайта! В файле ‘functions.php’ моей темы, я вставил следующие строчки кода:

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

Отключаем бесполезные действия в файла functions.php.
Отключаем бесполезные действия в файла functions.php.

Так же еще дополнительно можно использовать различные плагины оптимизации сайта (которые вы легко можете найти в поисковиках – я не буду советовать так как могу быть некомпетентен в данном вопросе): кэширование, оптимизация css, скриптов, html и так далее. Данных плагинов в сети куча – но они мне не дали особого прироста в скорости загрузки страниц.

Вот так: простой программист 1с, который вообще не работал ранее с сайтами, смог легко и просто оптимизировать свой блог на WordPress.

Если вам статья помогла и вы смогли поднять свой индекс скорости загрузки сайта, то напишите в комментариях каких высот добились вы! Всем удачи! Пока!

p.s. Пока писал данную статью, нашел еще пару бесполезных файлов и смог поднять до 83 балов! Буду стараться попасть в зеленую зону! И вам того же желаю!

84 - индекс скорости загрузки.
84 – индекс скорости загрузки.
5+

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

Ваш адрес email не будет опубликован.