• A+
所属分类:WordPress

上篇 《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:

目前评论:72   其中:访客  71   博主  1

    • avatar 杭州SEO优化 4

      来看看鸟哥

      • avatar 华唯商标转让网 1

        进来看一看!

        • avatar Win7en乐园 7

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

          • avatar 产品帮 0

            不错

            • avatar 一夜涕 0

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

                • avatar 殁漂遥 4

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

                    • avatar Win7en乐园 7

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

                  • avatar 杭州SEO优化 4

                    鸟哥来更新哦 :???:

                    • avatar Win7en乐园 7

                      鸟哥,爱你呦~~

                      • avatar Win7en乐园 7

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

                        • avatar 易淘金股票博客 3

                          代码很实用 谢谢分享

                          • avatar 杭州SEO优化 4

                            鸟哥失踪了吗

                            • avatar IT老剑 0

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