WordPress异步加载JS代码版

知更鸟
知更鸟
知更鸟
站长
2558
文章
0
粉丝
WordPress768,409阅读模式

上篇 《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代码版

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

提示

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

 

 

本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  76  访客  75  作者  1
    • 杭州SEO优化
      杭州SEO优化

      来看看鸟哥

      • 华唯商标转让网
        华唯商标转让网

        进来看一看!

        • Win7en乐园
          Win7en乐园

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

          • 产品帮
            产品帮

            不错

            • 一夜涕
              一夜涕

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

                • 殁漂遥
                  殁漂遥

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

                    • Win7en乐园
                      Win7en乐园

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

                  • 杭州SEO优化
                    杭州SEO优化

                    鸟哥来更新哦 :???:

                    • Win7en乐园
                      Win7en乐园

                      鸟哥,爱你呦~~

                      • Win7en乐园
                        Win7en乐园

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

                        • 易淘金股票博客
                          易淘金股票博客

                          代码很实用 谢谢分享

                          • 杭州SEO优化
                            杭州SEO优化

                            鸟哥失踪了吗

                            • IT老剑
                              IT老剑

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

                              • 双折
                                双折

                                不错

                                • 好店品
                                  好店品

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

                                  • 鳄鱼皮钱包
                                    鳄鱼皮钱包

                                    菜鸟哥看了

                                    • 投资那点事
                                      投资那点事

                                      代码很不错

                                    匿名

                                    发表评论

                                    匿名网友

                                    拖动滑块以完成验证