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>

Answer 1

使用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 );
}

该函数的最后一个为脚本调用脚注

Answer 2

http://www.wpbeginner.com/wp-tutorials/how-to-move-javascripts-to-the-bottom-or-footer-in-wordpress/

https://developers.google.com/speed/docs/insights/BlockingJS

http://unserkaiser.com/blog/2013/10/08/how-to-move-wordpress-core-javascript-to-the-footer/

http://codex.wordpress.org/Function_Reference/wp_enqueue_script

使用wp_enqueue_script。

“一旦你找到了在标题部分添加JavaScript的插件或主题，下一步就是找出插件调用文件的位置。在你的主题或插件的PHP文件中你会看到对该特定.js文件的调用。

如果插件或主题已经使用入队添加JavaScript文件，那么您需要做的就是更改插件或主题中的wp_register_script函数，并为$ in_footer参数添加true。 “

向页脚添加javascript和CSS

2 个答案: