2017年01月4日19:35:16 76 6,440

上篇 《WordPress异步加载JavaScript插件：Async JavaScript》推荐了一款异步加载JavaScript的插件，如果有童鞋不喜欢用插件，可以用下面这段从插件中提取出来的代码，也能达到使用插件相似的功能。

将下面代码添加到当前主题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;
  22. }

代码版只是将 Async JavaScript 插件核心功能提取出来，原插件其实用起来更加方便，能兼容著名网页压缩插件：Autoptimize ，并具备部分调试功能。

WordPress异步加载JS代码版

async属性是HTML 5新增的，只有在支持HTML 5的现代浏览器才会有效果，至于效果如何本人没实际测试过。

提示

需要说明的是：这个异步或推迟加载JS，并不会对网页实际打开速度产生影响，只是让网页内容在JS文件加载完之前，呈现给浏览者，让用户有个更好的体验，并不能真的提高网页加载速度。

 

 

weinxin
我的微信
分享交流WordPress经验与技巧，关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论：76   其中：访客  75   博主  1

    • 杭州SEO优化 4
      回复 2017年02月22日 12点45分  51楼

      来看看鸟哥

      • 华唯商标转让网 1
        回复 2017年02月22日 17点06分  52楼

        进来看一看！

        • Win7en乐园 7
          回复 2017年02月24日 18点35分  53楼

          什么也不说了，期待鸟哥的新文章。

          • 产品帮 0
            回复 2017年02月24日 23点26分  54楼

            不错

            • 一夜涕 0
              回复 2017年02月26日 15点04分  55楼

              您好！ 独立博客资源导航 blog.yiyeti.cc 已收录本站，将其收录到“大牛博客”分类下，特此告知！

                • 殁漂遥 4
                  回复 2017年03月1日 09点52分  1层

                  @一夜涕 网站坚持做3年再说

                    • Win7en乐园 7
                      回复 2017年03月3日 15点15分  2层

                      @殁漂遥 哈哈，你的网站很不错哦~我在用你的绿色版QQ，虽然是QQ超级会员，但是依旧有各种弹窗，唯独你的可以搞定这些垃圾广告。

                  • 杭州SEO优化 4
                    回复 2017年02月27日 21点19分  56楼

                    鸟哥来更新哦 :???:

                    • Win7en乐园 7
                      回复 2017年03月3日 15点14分  57楼

                      鸟哥，爱你呦~~

                      • Win7en乐园 7
                        回复 2017年03月4日 09点29分  58楼

                        鸟哥的网站非常赞，但是最近不更新了呢？

                        • 易淘金股票博客 3
                          回复 2017年03月4日 21点29分  59楼

                          代码很实用 谢谢分享

                          • 杭州SEO优化 4
                            回复 2017年03月4日 21点57分  60楼

                            鸟哥失踪了吗

                            • IT老剑 0
                              回复 2017年03月30日 14点07分  61楼

                              来学习学习，想加友链的点我哦 :grin: :grin: :grin:

                              • 双折 0
                                回复 2017年07月3日 17点23分  62楼

                                不错

                                • 好店品 4
                                  回复 2017年07月23日 09点32分  63楼

                                  感觉速度网站速度很快啊，怎么优化的

                                  • 鳄鱼皮钱包 1
                                    回复 2017年12月29日 14点50分  64楼

                                    菜鸟哥看了

                                    • 投资那点事 1
                                      回复 2018年07月17日 10点20分  65楼

                                      代码很不错