PageSpeed ​​проблема «Удалить блокировку рендеринга JavaScript:» для load-scripts.php в WordPress

Question

В настоящее время мы пытаемся улучшить наши оценки PageSpeed, но все еще застряли на 70. Один из оставшихся вопросов ниже:

Удалить блокировку рендеринга JavaScript: https://www.example.com/wp-admin/load-scripts.php?c=0&load%5B%5D=jquery-core&ver=4.9.8

Это сгенерированный WordPress источник, но я попытался взломать его и добавил «асинхронный» к ссылке на скрипт, но он ломает сайт, возвращая ошибки JS. Есть ли способ, как мы можем решить эту «проблему» PageSpeed? Или это то, что мы должны принять как техническое ограничение?

Answer 1

Вы, вероятно, никогда не получите 100/100 баллов на PageSpeed ​​Insight.Вы можете попробовать добавить эту функцию для отсрочки или асинхронных файлов скриптов:

// Defer load scripts
function defer_scripts( $tag, $handle, $src ) {

// The handles of the enqueued scripts you want to defer
$defer_scripts = array( 
    'NAME_OF_SCRIPT',
    'ANOTHER_SCRIPT',
);

if ( in_array( $handle, $defer_scripts ) ) {
    return '<script src="' . $src . '" defer="defer" type="text/javascript"></script>' . "\n";
}

return $tag;
} 

add_filter( 'script_loader_tag', 'defer_scripts', 10, 3 );