WonderCSS

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

作为网页优化最基本的规则,他是多么的简单易做,简短的说:优先处理 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干的漂亮!

By 于湛 发布于 2013.04.19 2,113 次浏览

WordPress 技巧:在页面 Footer 部分载入 jQuery 代码》上有1条评论

  1. HackersAnts

    标题应该改成:在页面 Footer 部分载入 JavaScript 代码

    回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注