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

В одном из прошлых материалов мы рассказывали о реализации каталога товаров на Вордпресс при помощи плагина Page-List (ссылка на источник http://labcopy.ru/analytics/plagin-page-list-sozdaem-katalog-tovarov-wordpress/). Поставленная задача была успешно выполнена.

Сайт одного из наших заказчиков, для которого собственно мы внедряли каталог, изначально располагался на обычном хостинге с лимитом дискового пространства в 400 MB и абонентской платой всего 1 доллар в месяц (ссылка на веб-хостинг провайдера UpgradeHost.RU). Кстати, рекомендуем!!! Действительно качественный и недорогой хостинг.

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

Хук № 1: Как удалить ненужные изображения с сайта на Вордпресс


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

Изображения на хостинге

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

Есть 3 решения:

  • Отключить в настройках медиафайлов на сайте опцию обрезки загружаемых изображений;
  • Удалять периодически все вручную, четко зная какие размеры картинок у Вас на сайте задействованы, а какие нет.
  • При помощи специального плагина DNUI.

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

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

После проведенных нами работ по удалению лишних фотографий с хостинга при помощи плагина DNUI, мы освободили на web-ресурсе 118,5 MB ненужной графической информации из 400 MB доступных в общей сложности.

На фото: объем дискового пространства ДО использования плагина
На фото: объем дискового пространства ДО использования плагина
На фото: объем дискового пространства ПОСЛЕ использования плагина
На фото: объем дискового пространства ПОСЛЕ использования плагина

Хук № 2: Как сжать изображение без потери качества онлайн для сайта

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

Сервис для сжатия изображения онлайн

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

Хук № 3: Как удалить лишний код HTML и CSS из шапки сайта на Вордпресс

Данный вопрос может возникнуть, если скорость загрузки страницы Вашего сайта не соответствует требованиям сервисов онлайн-проверки. Мы рекомендуем использовать сервис Pagespeed Insights.

Итак, представленную ниже функцию, необходимо вставить в файл function.php (можно в самый конец файла):

1
2
3
4
5
6
7
8
9
10
11
12
remove_action('wp_head','feed_links_extra', 3); // Убираем ссылки на RSS категорий
remove_action('wp_head','feed_links', 2); // Убираем ссылки на основной RSS и комментарии
remove_action('wp_head','rsd_link');  // Really Simple Discovery
remove_action('wp_head','wlwmanifest_link'); // Windows Live Writer
remove_action('wp_head','wp_generator');  // Скрываем версию Wordpress
remove_action('wp_head', 'print_emoji_detection_script', 7); // Скрываем хуки эмоджи
remove_action('wp_print_styles', 'print_emoji_styles'); // Скрываем хуки эмоджи
remove_action( 'wp_head', 'rest_output_link_wp_head'); // Удаление JSON API ссылок
remove_action( 'wp_head', 'wp_oembed_add_discovery_links'); // Удаление JSON API ссылок
remove_action( 'template_redirect', 'rest_output_link_header', 11, 0 ); // Удаление JSON API ссылок
remove_action('wp_head', 'plugin_function_here'); // Скрываем хуки плагинов
remove_action( 'wp_head','wp_syntax_head'); // Скрываем подсветку синтаксиса кода

Какие задачи можно выполнить, используя данную функцию:

  • Убрать ссылки на RSS потоки категорий, на основной RSS и комментарии;
  • Удалить ссылки на RSD и wlwmanifest потоки;
  • Скрыть версию WordPress;
  • Скрыть хуки Эмоджи;
  • Удалить JSON API ссылки;
  • Скрыть хуки практически всех плагинов и подсветку синтаксиса программного кода, опубликованного в теле текста через редактор.

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

Экспериментируйте, оптимизируйте и развивайте Ваши проекты.

Возможно Вас заинтересует: