Простое удаление строки запроса CSS и Javascript в WordPress

Если хотите увидеть хороший результат при тестировании скорости своего ресурса в Google page speed test (тест скорости), то вы должны удалить строку запросов всех CSS и Java Script файлов на вашем сайте/блоге в WordPress.

Простое удаление строки запроса CSS и Javascript в WordPress

Есть много различных факторов, которые влияют на ваше общее время загрузки страниц и при тестировании Google page speed test учитывает все эти факторы. Согласно GTMetrix, удаление строки запроса от статических ресурсов, таких как таблицы стилей (css) и java-скриптов, имеет более высокий приоритет, который считывается во время тестирования скорости вашего ресурса.

Что такое строка запроса?

Строка запроса – метод, с помощью которого различные плагины передают значения содержания/контента или несут детальную версию. Они используются как в Java-скриптах, так и в таблицах стилей. Фактически метод реализован разработчиками для того, чтобы мгновенно предоставлять обновления.

Вот объяснение. Допустим, вы являетесь разработчиком, и вы создали плагин, который имеет несколько CSS и JS файлов. Теперь, если кто-либо, будет использовать ваш плагин, и тем более с помощью службы CDN, то эти статические файлы (как CSS и JS-файлы) будут храниться в кэше в течение многих недель, месяцев или даже целого года.

Теперь, если вы сделаете любое обновление вашего плагина, он не будет виден до тех пор, пока файл в кэше не истечет. Так разработчики используют строку запроса, поскольку она не кэшируются большинство браузерами и услугами CDN. В целом, это может быть полезным для веб-разработчиков и дизайнеров, но, по сути, она имеет большое влияние на скорость загрузки блога/сайта, что очень плохо.

Как удалить строки запроса из статических ресурсов?

Для вас у меня есть два различных варианта. Вы можете выбрать либо редактирование темы, вручную, добавив пользовательский код в файл functions.php., либо вы можете пойти другим путем, установив плагин, который, как обычно, все сделает за вас.

№1 Использование пользовательского кода

Вы должны просто добавить следующий код в файл functions.php вашей текущей темы. Вы можете редактировать тему через саму панель WordPress либо для этого вы можете воспользоваться любым FTP или онлайн-файловый менеджер.

В панели навигации своего WordPress найдите «Внешней вид»,  при наведении на него, в меню выберите «Редактор». Теперь найдите файл functions.php (Ctrl+F для поиска) и поместите представленный ниже код на дно этого файла.

// Remove query string from static files
function remove_cssjs_ver( $src ) {
 if( strpos( $src, '?ver=' ) )
 $src = remove_query_arg( 'ver', $src );
 return $src;
}
add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 );
add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );

С помощью этого кода «?ver» строка будет удалена. Она может быть изменена в соответствии с необходимостью. Но перед внесением каких-либо изменений я прошу вас, чтобы вы создавали резервную копию файла functions.php темы.

№2 Использование плагина

Это самый простой способ управления всеми типами «?» запросов. Вам не нужно редактировать какой-либо файл, вы не должны создавать резервную копию. Просто установите Remove Query Strings From Static Resources плагин, и он все сделает за вас.

Ну, вот и все! Если вы по-прежнему сталкиваетесь с этой проблемой, то вы можете связаться со мной напрямую в разделе комментариев. Всем добра :) !

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>