javascript - 将 javascript 和 CSS 添加到页脚

Question

我希望改善我的页面加载时间/排名，并根据 PageSpeed Insights.. 问题是我的很多脚本/css 都是渲染阻塞。我怎样才能成功地使用 wp_enqueue_script() 来帮助我将大部分脚本放入页脚而不是页眉（wordpress）。

主题网站

CSS 示例

<!-- CSS -->
<link rel="stylesheet" href="<?php  echo get_option('siteurl'); ?>/wp-content/themes/<?php  echo get_current_theme()  ?>/style-jquery-ui-1.8.6.custom.css" type="text/css" />
<link rel="stylesheet" href="<?php  echo get_option('siteurl'); ?>/wp-content/themes/<?php  echo get_current_theme()  ?>/style-prettyPhotoCSS.php" type="text/css" />

脚本示例

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=3.7.1'></script>

score 1 · Accepted Answer

使用wp_enqueue_script()将是这样的；

add_action('wp_enqueue_scripts','load_scripts');
function load_scripts() {
  wp_enqueue_script( 'modernizr', get_template_directory_uri() .'/js/modernizr.custom-2.6.2.min.js', array('jquery'), '0.1', true );
}

函数的最后一个 true 将脚本调用放在页脚中