Как сделать отложенную загрузку JavaScript для ускорения страницы

ВОПРОС

У меня есть множество различных файлов JS. В основном, это все плагины, которые работают на одном из моих сайтов WordPres. Я знаю, каким образом они вызываются в php-файле.
Я уже давно пытаюсь повысить скорость сайта до максимума. Когда я проверил свой ресурс через производительность в интернете, то он мне предложил добавить отложенную загрузку JavaScript.
До этого я уже читал о таких функция, как defer=”defer” и async. Мне кажется, что какая-то из них точно должна мне помочь. Но проблема в том, что я понятия не имею, как именно это реализовать в файле PHP.
Вот фрагмент кода, который делает вызов JS-файла:

function add_dcsnt_scripts() {
wp_enqueue_script( ‘jquery’ );
wp_enqueue_script( ‘dcsnt’, dc_jqsocialtabs::get_plugin_directory() . ‘/js/jquery.social.media.tabs.1.7.1.min.js’ );
}

Где-то я прочитал, что можно использовать этот код для ускорения страниц:

<script defer async src=”…”></script>

Но опять незадача – я не знаю, как это должно работать через php-файл. Вы можете сказать, что мне можно сделать для того, чтобы ускорить свой веб-сайт?

ОТВЕТ

Привет. Смотри, есть два расширения – Asynchronous JS и WP Deferrd JS. Они могут сделать то, что тебе нужно. Также можно попробовать работать с WPSE. Вот код, который надо прописать:

// Adapted from https://gist.github.com/toscho/1584783
add_filter( ‘clean_url’, function( $url )
{
if ( FALSE === strpos( $url, ‘.js’ ) )
{ // not our file
return $url;
}
// Must be a ‘, not “!
return “$url’ defer=’defer”;
}, 11, 1 );