2013-11-14 79 views
3

即時通訊尋找提高我的頁面加載時間/排名和根據PageSpeed Insights ..問題是我的腳本/ css是很多渲染阻止。我怎樣才能成功地使用wp_enqueue_script()來幫助我將腳本的大部分放入我的腳本而不是我的標題(wordpress)中。添加JavaScript和CSS到頁腳

subject site

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> 
+0

改變輸出放置在模板(S) – charlietfl

+0

@charlietfl你能解釋一下如何做到這一點?我從來沒有在 –

+0

之前做過這件事,你實際上想要的是頭腦中的css,腳中的js。 – dandavis

回答

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

功能場所的最後一個真正的腳本調用頁腳

0

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參數「。