WordPress 技巧:在页面 Footer 部分载入 jQuery 代码

时间:2014-01-26所属栏目: WordPress教程 来源: 热度:

作为网页优化最基本的规则,他是多么的简单易做,简短的说:优先处理 CSS 样式表渲染,最后处理 JS 数据以防止耽误页面加载。

但是 WordPress 总是在 head 便加载了 jQuery 代码,那么怎么在 Footer 加载 jQuery 代码呢?处理方法很简单,打开functions.php在最下面加入:


function wpjam_load_jquery_in_footer( &$scripts) {
     functionif ( ! is_admin() )
          $scripts->add_data( 'jquery', 'group', 1 );
}
add_action( 'wp_default_scripts', 'wpjam_load_jquery_in_footer' );

PS:现代浏览器将并行下载JS,只有在脚本被执行的时候阻塞渲染(显然脚本必须也被下载了)。脚本下载常常被浏览器的预加载器所完成。当浏览器页面渲染被阻塞,即等待CSS,或JS被执行,预分析器将扫描页面剩余部分,寻找它能下载的资源。有些浏览器如 Chrome, 将分先后下载资源,例如,如果脚本与图片同时在等待下载,它将先下载脚本。

Chrome干的漂亮!

标签:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)