В любом справочнике по SEO одними из первых вы найдете советы по оптимизации скриптов и стилей (JS/CSS). И это правильно, ведь некоторые wordpress плагины распространяют свои скрипты не только на страницу, где находится, скажем, форма обратной связи или поле с контактами. Но и на другие страницы, что перегружает их, негативно влияя на скорость загрузки страниц. Подробный гайд по безопасному отключению лишних скриптов без вмешательства в код мы описывали в предыдущей статье.
Возможно вы видели совет от опытных специалистов по WordPress: необходимо удалить версию js и css в wordpress. Ведь если версии скриптов поменяются, то кэш сайта пользователям придется скачивать на свое устройство заново. Однако заботясь об улучшении производительности мы забываем про уязвимости, которыми могут воспользоваться вредоносные программы, чтобы взломать ваш сайт. И тут снова виной всему может стать открытые доступные всем версии скриптов на вашем сайте. Удалив их, мы решаем сразу две задачи. Остановимся на проблемах производительности и уязвимости, которые несут данные о версии скриптов поподробнее.
Table of Contents
Что такое версия скрипта
По умолчанию, WP устанавливает параметр ?ver=[версия скрипта] в конце строки URL всех CSS и JavaScript файлов. Версии скриптов позволяют контролировать кэш браузера пользователей. Для того, чтобы браузер автоматически загрузил актуальные версии CSS или JavaScript, разработчику следует просто изменить номерной индекс версии для подключенного скрипта.
Пример адреса с версией скрипта на конце:
<script type="text/javascript" src="/jquery.min.js?ver=1.8.2"></script>
Несмотря на преимущества, у этой технологии есть свои минусы. Не все прокси-серверы и CDN поддерживают кэширование файлов, в конце адреса которых указан параметр ver. Удаление версии скриптов позволит браузеру кэшировать их без дополнительных настроек на хостинге вашего сайта.
Попробуйте пропустить ваш сайт через сервис SEO аналитики GTMetrix. Данные исследования подскажут вам, что нужно доработать, чтобы приблизиться к SEO «совершенству». Исследовав один из наших сайтов мы получили незначительное отклонение в строке Remove query strings from static resources (удалить строку запроса в URL-адресе).
Тестирование показало 88 баллов из 100 возможных – неплохой результат. Но чтобы достичь максимальных показателей нужно удалить версию JS и CSS в WordPress.
Удалить версию JS и CSS в WordPress
С помощью кода
Удалить версию JS и CSS в WordPress можно с помощью кода. Следует вставить его в консоль функции темы. Данную директорию можно найти через админ панель. Заходим в нее и далее заходим в разделы: «Внешний вид»=>«Редактор»=>functions.php
Вставляем код в самом конце перед закрывающим тэгом PHP (?>)
function _remove_script_version( $src ){
$parts = explode( '?', $src );
return $parts[0];
}
//Это для скриптов
add_filter( 'script_loader_src', '_remove_script_version', 15, 1 );
//Это для стилей
add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );Мы не советуем вмешиваться в структуру кода непрофессионалам. Нарушив алгоритмы можно поставить работоспособность сайта под угрозу. Плагины разрабатывают профессионалы, которые десятки раз тестируют готовый продукт и не допустят каких-либо сбоев на вашем сайте. Таким плагином является Clearfy.
Используем WordPress плагин
Плагин Clearfy может удалить версию JS и CSS в WordPress в разделе «Защита». Именно так эту функцию интерпретировали разработчики. Чуть позже мы объясним почему. Пока устанавливаем плагин оптимизации.
Итак, в админке заходим в Настройки => Clearfy меню => Защита.
Листаем вниз и находим там блок «Удалить переменные запроса для статических ресурсов». Нажимаем на кнопки ВКЛ, тем самым удаляя версии скриптов (на изображении ниже эти функции уже активированы).
Не забывайте сохранить настройки.
Теперь производительность вашего сайта должна вырасти. Давайте проверим это, снова протестировав сайт через сервис GTMetrix.
Как вы видите, результат в строке Remove query strings from static resources улучшился на 11 пунктов из 100 и достиг 99. Как правило, такой скачок в ближайшее время окажет благоприятное воздействие на позиции вашего сайта в поисковой выдаче и на скорость загрузки сайта. Закрепить положительный результат можно с помощью оптимизации JavaScript и CSS.
Там же, в настройках плагина Clearfy, следует перейти в раздел «Производительность», далее во вкладку «Minify (Html/JS/CSS)». Затем активируйте нажатием кнопки ВКЛ опции в настройках JavaScript и аналогично в CSS Options. Необходимые для активации параметры выделены красным цветом.
Оптимизация – не единственная плюшка этого плагина. Clearfy одним ударом убивает двух зайцев. Одновременно с производительностью он улучшает безопасность сайта. Ввиду отсутствия информации о версии скриптов, программы для взлома сайта, запускаемые хакерами не найдут в них уязвимости.
Заключение
Мы попытались вам объяснить простыми словами в чем состоят риски для владельца сайтов, если они не намереваются удалить версию JS и CSS в WordPress. Здесь и проблема защиты и проблема производительности. Предложено было несколько вариантов: убрать версию скриптов с помощью кода. В таком случае вы рискуете, если вы не эксперт в теме. Значит можете навредить сайту в целом. Другой, более безопасный вариант – установить плагин Clearfy. Он сочетает в себе функции улучшения производительности и безопасности одновременно и будет полезен владельцам блогов, интернет-магазинов и т.д.