Как сделать загрузку jquery асинхронной?

Question

[Ага]

Как сделать асинхронной загрузку js jquery в WordPress?

Answer 1

[profesor08]

Установите тегу script атрибут async.

Тут подробнее: https://learn.javascript.ru/external-script

Comments

[Ага]

а как добавить "async" в php (в код из скрина)

[Игорь Воротнёв]

profesor08 вопрос у автора возник из-за того, что скрипты и стили в WP подключаются динамически через PHP, и просто так дописать атрибут не получится

Answer 2

[Игорь Воротнёв]

Для одного скрипта

function add_async_attribute( $tag, $handle ) {

    if ( 'my-js-handle' !== $handle ) {
        return $tag;
    }

    return str_replace( ' src', ' async="async" src', $tag );

}
add_filter('script_loader_tag', 'add_async_attribute', 10, 2);

Для многих скриптов

function add_async_attribute( $tag, $handle ) {

    // handles скриптов, которым нужен атрибут async
    $scripts_to_async = array(
        'my-js-handle', 
        'another-handle',
    );
   
   foreach( $scripts_to_async as $async_script ) {

      if ( $async_script === $handle ) {
         return str_replace( ' src', ' async="async" src', $tag );
      }

   }

   return $tag;

}
add_filter( 'script_loader_tag', 'add_async_attribute', 10, 2 );

Comments

[Ага]

добавил но что-то не получается

Answer 3

[Ага]

---------------------------------------------
Помогло следующее.
В /wp-includes/class.wp-scripts.php
к коду

$tag = "{$cond_before}{$before_handle}<script type='text/javascript' src='$src'></script>\n{$after_handle}{$cond_after}";

добавил async

$tag = "{$cond_before}{$before_handle}<script type='text/javascript' async src='$src'></script>\n{$after_handle}{$cond_after}";

нашел на moneyroute

Comments

[Игорь Воротнёв]

Мой код делает ровно то же самое, только программно и на лету. Ваше решение будет удалено при следующем обновлении WordPress (даже minor который прилетит автоматиески в любой момент), мое будет работать всегда. Никогда не редактируйте файлы ядра.

[Ага]

Игорь Воротнёв: я этот код добавил в functions, но он что-то не сработал

[Игорь Воротнёв]

Ага: а вы поменяли 'my-js-handle' на свои хендлы?