wordpress jQuery导致chrome审计工具失败-渲染阻塞

wordpress jQuery导致chrome审计工具失败-渲染阻塞,jquery,wordpress,Jquery,Wordpress,我正在处理我的主题,并在chrome审计中测试这里和那里,以查看我在网站上工作时它的外观 我注意到,当使用jQuery作为脚本的依赖项时,它无法通过chrome audit,并说脚本是渲染阻塞。我是否应该在我的排队脚本中加入其他方法或选项来阻止这种情况发生 我的密码。(为便于阅读而缩短) FUNCTIONS.PHP function site_assets() { wp_enqueue_script('force-easy-scroll', get_template_director

我正在处理我的主题,并在chrome审计中测试这里和那里,以查看我在网站上工作时它的外观

我注意到,当使用jQuery作为脚本的依赖项时,它无法通过chrome audit,并说脚本是渲染阻塞。我是否应该在我的排队脚本中加入其他方法或选项来阻止这种情况发生

我的密码。(为便于阅读而缩短)

FUNCTIONS.PHP

function site_assets() {    
  wp_enqueue_script('force-easy-scroll', get_template_directory_uri() . '/js/force.min.js', array('jquery'), null, true);   
}

add_action('wp_enqueue_scripts', 'site_assets');
呈现的HTML

    <!-- END MAIN SITE CONTENT -->
    <footer>

    </footer>
    <script type='text/javascript' src='http://smtg-new/wp-content/themes/SMTG_THEME/js/force.min.js'></script>

    </body>

</html>

色度审计

现在为了测试的目的,我有4个脚本,我现在正在排队,它们都在结束body标记之前。所有这些都取决于jQuery。稍后我将合并它们。但是,考虑到页面底部存在渲染阻塞,所有这些都不会显示为渲染阻塞


如何使wordpress的内置jQuery不被渲染阻塞?这是一个相当大的打击时间,这是令人沮丧的。我不想让它自己的jQuery版本出列,而使用我的。我不做任何花哨的东西,所以我不需要最新的版本。该版本完全正常。

尝试使用自动优化插件-。该插件提供了一个选项(在高级设置下)来禁止jquery在头部加载。请注意,这可能会引发一些问题(最有可能是依赖于jquery的插件,例如重力表单)。如果您需要更多信息,请告诉我。

**更新****

我通过做更多的研究找到了这个答案,以防有人想知道怎么做

function move_jquery_to_wpfooter() {
    wp_scripts()->add_data( 'jquery', 'group', 1 );
    wp_scripts()->add_data( 'jquery-core', 'group', 1 );
    wp_scripts()->add_data( 'jquery-migrate', 'group', 1 );
}
add_action( 'wp_enqueue_scripts', 'move_jquery_to_wpfooter' );
这实际上是在结束body标记之前编写jquery脚本


在堆栈溢出上找到了答案

谢谢你提供的信息,我在我的研究中看到了这个插件。有没有“非插件”的方法?我可以自己处理最小化js和css。我真的不想仅仅为了使用其中的一个东西就为这个功能安装插件。对我来说,这似乎是在浪费宝贵的空间和加载时间。自动优化的目的就是让你的网站比谷歌页面速度更快。但是您可以通过查看他们是如何处理的,或者将jquery出列并在页脚处再次将其入列来处理它。在您的主题中搜索类似于此wp_enqueue_脚本(“jquery”)的内容。感谢您提供的信息。我将下载这个插件(安装它),然后看看它们是如何处理jquery的。实际上,我正在从头开始创建自己的主题,并更新到wordpress,所以一点一点地进行。