Оптимизация WordPress для нубов
Всем привет! Проясним сразу – в разработке сайтов я не шарю (все-таки я программист 1с, а не веб-разработчик), но все-таки благодаря несложным действиям я смог оптимизировать этот блог на wordpress почти до идеальных показателей. В этой заметке я продемонстрирую набор действий, которые помогут вам оптимизировать ваш сайт на wordpress до приемлемых, а то и лучших показателей.
Важный момент: я делал на свой страх и риск, а поэтому не забывал каждый раз делать полный архив своего блога! И вы об этом не забывайте! Так же если меняете содержимое файлов на всякий случай делайте заметки: где и что вы поменяли, что бы всегда можно было вернуться назад.
Для начала важный момент – результат оптимизации будем проверять на крутом сервисе от google: оценка скорости загрузки сайта. Вот так сейчас выглядит мой показатель для просмотра страниц со стационарных компьютеров:
Он конечно бывает изменяется, но незначительно – но это видимо зависит от нагрузки на сервера вашего хостинга. А какой у Вас индекс скорости загрузки сайта? Пиши в комментариях.
До оптимизации у меня данный показатель был в диапазоне от 45 до 60 и по сайту было заметно что он тормозит! Итак, приступаем к нашим действиям!
Первое что необходимо сделать: это удалить в админке сайта все неиспользуемые плагины и темы. Здесь все очень просто. Смотрим каждый плагин: если он не используется или его можно отключить (при этом сайт не потеряет в функциональности) – то смело его удаляем! Так же делаем и с не активными темами. К примеру я удалил две не активные темы и порядка десятка ненужных плагинов.
Второе что мы делаем: это оптимизируем все изображения на сайте с помощью плагина ‘WP-Optimize’:
Данное действие позволит уменьшить объем изображений (потери качества я не заметил), а следовательно и скорость загрузки сайта.
Теперь переходим к действиям посложнее – но если справился такой, как я, то уверен – справитесь и вы! Идем на вышеуказанный сайт оценки скорости загрузки страницы и смотрим ресурсы, блокирующие отображение:
Скажу честно, в первый раз я ничего не понял – и вообще боялся лезть в незнакомые для меня вещи. Но все оказалось просто. Наводим на ссылки и смотрим, какие файлы плагинов или сайта уменьшают скорость загрузки. Так же колонке ‘потенциальная экономия’ мы можем понять – от чего желательно избавиться!
Рассмотрим пару простых примеров. Нашел в данном списке плагин, который я не использую, но забыл удалить:
Он мне не нужен, так как по умолчанию в wordpress встроен механизм вставки ссылок на ютубе! Удаляем!
Еще пример: я нашел файлы удаленного плагина, но которые продолжали почему-то участвовать в загрузке контента:
Зайдя в панель администрирования хостинга я обнаружил что ни каталога ни файлов на сервере нет. Но к ним почему-то идет обращением. Ищем кто же их все таки дергает (поиск по-содержимому файлов на хостинге):
Оказалось что в файле ‘header.php’ моей темы к этим файлам идет обращение. Отлично! Удаляем данные строки и получаем существенный прирост в скорости загрузки!
Вот так вот потихоньку мы анализируем блокирующие ресурсы и стараемся от них избавиться – по крайней мере только это действие я могу реализовать. Оптимизировать код файлов я не могу, так как по сути шарю только в 1с!
Самый большой прирост скорости загрузки сайта я получил, удалив у себя виджет ‘Social Icon Widget от WPZOOM’. Кто бы мог подумать, что вроде бы как полезный виджет иконок социальных сетей, будет так сильно грузить мой сайт. Но встал вопрос: как же красиво выводить ссылки на социальные сети? А очень просто – на данный момент я рисую кнопки в ‘фотошопе’ и просто вставляю их в текст в сайдбаре:
Это существенно мне прибавило в скорости загрузке, да и смотрится если честно не совсем убого. Но я еще работаю над иконками – это только тестовый вариант:
Еще один не маловажный момент в оптимизации: это блокировка бесполезных на мой взгляд функций, которые только зря нагружают сайт. Я их нашел в этом замечательном источнике – автор явно разбирается на порядок лучше меня. Спасибо автору сайта! В файле ‘functions.php’ моей темы, я вставил следующие строчки кода:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
/*craft1c*/ /*Отключить значки Dashicons на страницах сайта*/ function wpdocs_dequeue_dashicon() { if (current_user_can( 'update_core' )) { return; } wp_deregister_style('dashicons'); } add_action( 'wp_enqueue_scripts', 'wpdocs_dequeue_dashicon' ); /*Отключить встраивание контента с посторонних сайтов*/ function disable_embed(){ wp_dequeue_script( 'wp-embed' ); } add_action( 'wp_footer', 'disable_embed' ); function wpassist_remove_block_library_css(){ wp_dequeue_style( 'wp-block-library' ); } add_action( 'wp_enqueue_scripts', 'wpassist_remove_block_library_css' ); /*Отключить XML-RPC*/ add_filter('xmlrpc_enabled', '__return_false'); remove_action( 'wp_head', 'rsd_link' ); /*Удалить ссылки RSD*/ remove_action( 'wp_head', 'wp_generator' ); /*Скрыть версию WordPress*/ /*craft1c*/ |
В вышеуказанном источнике, можете посмотреть за кто отвечает каждая (в комментариях в коде я оставил краткие комментарии). Отключение этих действий никак не сказалась на работе моего сайта и дало существенный прирост в скорости.
Так же еще дополнительно можно использовать различные плагины оптимизации сайта (которые вы легко можете найти в поисковиках – я не буду советовать так как могу быть некомпетентен в данном вопросе): кэширование, оптимизация css, скриптов, html и так далее. Данных плагинов в сети куча – но они мне не дали особого прироста в скорости загрузки страниц.
Вот так: простой программист 1с, который вообще не работал ранее с сайтами, смог легко и просто оптимизировать свой блог на WordPress.
Если вам статья помогла и вы смогли поднять свой индекс скорости загрузки сайта, то напишите в комментариях каких высот добились вы! Всем удачи! Пока!
p.s. Пока писал данную статью, нашел еще пару бесполезных файлов и смог поднять до 83 балов! Буду стараться попасть в зеленую зону! И вам того же желаю!