PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > CMS教程 > wordpress教程 > 正文

    WordPress异步加载JS代码版

    作者:admin来源:网络浏览:时间:2017-01-14 13:22:06我要评论
    分享到
    导读:WordPress异步加载JS代码版,将下面代码添加到当前主题functions.php中://异步加载JSadd_filter('script_loader_tag','async_s...
    WordPress异步加载JS代码版,将下面代码添加到当前主题functions.php中:

    1. // 异步加载JS 
    2. add_filter( 'script_loader_tag''async_script', 10, 3 ); 
    3. function async_script( $tag, $handle, $src ) { 
    4.     $zm_method = 'async';// 可将“async”改为“defer” 
    5.     $zm_exclusions = 'jquery.min.js,script.js';// 排除的JS 
    6.     $array_exclusions = !empty( $zm_exclusions ) ? explode( ',', $zm_exclusions ) : array(); 
    7.     if ( false !== $zm_enabled && false === is_admin() ) { 
    8.         if ( !empty( $array_exclusions ) ) { 
    9.             foreach ( $array_exclusions as $exclusion ) { 
    10.                 $exclusion = trim( $exclusion ); 
    11.                 if ( $exclusion != '' ) { 
    12.                     if ( false !== strpos( strtolower( $src ), strtolower( $exclusion ) ) ) { 
    13.                         return $tag; 
    14.                     } 
    15.                 } 
    16.             } 
    17.         } 
    18.         $tag = str_replace( 'src=', $zm_method . "='" . $zm_method . "' src=", $tag ); 
    19.         return $tag; 
    20.     } 
    21.     return $tag; 
    代码版只是将 Async JavaScript 插件核心功能提取出来,原插件其实用起来更加方便,能兼容著名网页压缩插件:Autoptimize ,并具备部分调试功能。

    async属性是HTML 5新增的,只有在支持HTML 5的现代浏览器才会有效果,至于效果如何本人没实际测试过。
    提示
    需要说明的是:这个异步或推迟加载JS,并不会对网页实际打开速度产生影响,只是让网页内容在JS文件加载完之前,呈现给浏览者,让用户有个更好的体验,并不能真的提高网页加载速度。


    转载请注明(B5教程网)原文链接:http://www.bcty365.com/content-103-5473-1.html
    相关热词搜索:
    下一篇:最后一页
    网友评论: