对于WordPress中的load-scripts.php，PageSpeed问题“删除渲染阻止JavaScript：”

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生成的源代码，但是我试图破解它并在脚本引用中添加“async”但它会破坏网站，返回JS错误。我们有什么方法可以解决这个PageSpeed“问题”吗？或者这是我们应该接受的技术限制吗？

Answer 1

您可能永远不会在PageSpeed Insight上获得100/100分。您可以尝试添加此函数来延迟或异步脚本文件：

// 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 );