Версия скриптов и стилей по умолчанию добавляется WordPress в URL файлов CSS и JS, например, style.css?ver=5.9.3. Это делается для контроля кеширования браузера. Однако в некоторых случаях наличие параметра ?ver= может негативно влиять на производительность и SEO сайта, особенно если сервер или CDN не оптимально настроены.
Почему стоит удалить версии CSS и JS в WordPress
Параметры версий в URL мешают эффективному кешированию на уровне CDN и браузера, так как для каждого обновления версия меняется, и файл скачивается заново. Если вы уверены, что обновляете стили и скрипты правильно (например, меняя имя файла или используя другие методы контроля версий), то удаление параметра ?ver= поможет ускорить загрузку страниц.
Кроме того, удаление версий может предотвратить случайное раскрытие номера версии WordPress, что повышает безопасность сайта, снижая риск атак, ориентированных на конкретные уязвимости версии.
Однако стоит понимать, что удаление версии без грамотной замены механизма кеширования может привести к тому, что браузеры будут использовать устаревшие файлы. Поэтому всегда проверяйте и тестируйте такой подход.
Как удалить версии CSS и JS вручную — пример кода
Для удаления параметра ?ver= из URL файлов CSS и JS можно использовать фильтр style_loader_src и script_loader_src. Ниже пример функции с префиксом wpweb_, которую нужно добавить в functions.php вашей темы или в плагин:
function wpweb_remove_cssjs_ver( $src ) {
if ( strpos( $src, '?ver=' ) ) {
$src = remove_query_arg( 'ver', $src );
}
return $src;
}
add_filter( 'style_loader_src', 'wpweb_remove_cssjs_ver', 9999 );
add_filter( 'script_loader_src', 'wpweb_remove_cssjs_ver', 9999 );Этот код проверяет наличие параметра ?ver= и удаляет его, возвращая URL файла без версии.
Использование плагинов для удаления версий CSS и JS
Если вы не хотите править код вручную, есть несколько плагинов, которые помогут решить эту задачу:
- Remove Query Strings From Static Resources — плагин, который автоматически удаляет параметры версий из всех статических ресурсов.
- WP Rocket — популярный плагин кеширования с опцией удаления версий из URL файлов.
- Perfmatters — плагин оптимизации производительности, в котором можно отключить версионирование скриптов и стилей.
Выбор плагина зависит от того, какие задачи по оптимизации вы хотите решить комплексно или только удалить версии.
Особенности и подводные камни удаления версий CSS и JS
Удаление параметра версии — это не панацея, и нужно учитывать следующие моменты:
- Кеширование: Без версии браузер может кешировать файл навечно, и при обновлении стили и скрипты не будут подгружаться корректно. Для решения используйте версионирование через имя файла (например, style.v2.css).
- CDN: При использовании CDN удаление версий может помочь избежать дублирования кеша, но настройка CDN должна поддерживать правильное обновление файлов.
- Безопасность: Удаление версии WordPress из URL файлов — это дополнительный, но не основной способ повышения безопасности.
Дополнительные советы по оптимизации CSS и JS в WordPress
Объединение и минификация файлов
Для уменьшения количества запросов и размера загружаемых файлов объединяйте и минифицируйте CSS и JS. Для этого можно использовать плагины:
- Autoptimize — объединяет и минифицирует CSS/JS, а также оптимизирует загрузку.
- W3 Total Cache — мощный кеширующий плагин с функциями минификации и объединения.
Отложенная загрузка JavaScript
Задержка загрузки неважных скриптов помогает ускорить отображение контента. В Autoptimize и WP Rocket есть опции для отложенной загрузки JS.
Использование современных форматов и методов
Для стилей используйте современные CSS-свойства, а для скриптов — асинхронную загрузку, чтобы не блокировать отображение страницы.
Заключение
Удаление версий CSS и JS в WordPress — эффективный прием для оптимизации кеширования и повышения производительности сайта, но применять его нужно с пониманием последствий и правильной настройкой. Используйте приведенный код или проверенные плагины, тестируйте сайт после изменений и комбинируйте с другими методами оптимизации для лучшего результата.