WordPress异步加载JavaScript插件:Async JavaScript

知更鸟
知更鸟
站长
2322
文章
0
粉丝
Plugins284,727阅读模式

按惯例,所有JavaScript都放在页面的头部head中,必须等全部JavaScript代码都被下载、解析和执行完后,才能开始呈现页面的内容,对加载很多JavaScript代码的页面来说,会导致页面呈现出现明显示的延迟。我们可以通过为这些JavaScript添加“async”(异步)或“defer“(推迟)属性,加快页面呈现的速度。

至于“async”和“defer“属性的详细功能说明,大家可以网上自行搜索,两者大概的区别就是前者只有HTML5的现代浏览器支持,后者只有IE支持。

Async JavaScript 是一款为WordPress主题加载JavaScript文件添加async”和“defer“属性的插件。

主要是针对使用标准的[code]wp_deregister_script[/code]函数加载JavaScript文件的方法。

WordPress异步加载JavaScript插件:Async JavaScript

启用插件后可以选择“async”或者“defer“,如果启用后发现页面某些依赖  JQuery  运行的 Script有问题,可以在“Script Exclusion”中输入排除的 [code]jquery.min.js[/code]。

至于具体加速效果如何,只能自己体会了。

 

 

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

weinxin
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  28  访客  28
    • Win7en乐园
      Win7en乐园 7

      鸟哥,不管怎么说,你还是得加油!

      • Win7en乐园
        Win7en乐园 7

        我始终相信,我也可以向鸟哥这样一直坚持下去,虽然我没有鸟哥这么好的技术,但是笨鸟先飞,我一定会赶上鸟哥的。

        • Win7en乐园
          Win7en乐园 7

          虽然我知道,追赶上鸟哥有点痴人说梦,有些不切实际,但是理想总是高于实际,我不觉得丢人,鸟哥做主题,我做内容,我相信各有各的好,只能达到鸟哥的20%,我也是知足了,鸟哥,我们一起加油!

          • 肉球
            肉球 4

            鸟叔带来了惊喜,加油,虽然我知道你一定不会回复,就是这么清高。嗯哼,我喜欢,但是还请鸟叔不要吝啬持续更新,我们跟着好好学习。

            • Koolight
              Koolight 4

              用过这个,但当初没排除,导致滑动解锁等功能失效……

              • 动感单车
                动感单车 7

                抽空咱也试试,好的话咱也用上这个效果吧!

                • boke112导航
                  boke112导航 4

                  这个功能不错,而且还能排除某个JS文件,不错。

                  • 丁春华
                    丁春华 2

                    最近一直在看js这个问题,感觉主题js太多了,拖慢了速度,用上后页面显示后速度提高了,但是整个页面的加载时间好像没有变化。

                    • 杭州牛牛工作室
                      杭州牛牛工作室 4

                      力挺鸟哥

                      • 杭州牛牛工作室
                        杭州牛牛工作室 4

                        可以啊

                        • 杭州牛牛工作室
                          杭州牛牛工作室 4

                          我们一起加油

                          • 杭州牛牛工作室
                            杭州牛牛工作室 4

                            一起加油

                            • 杭州牛牛工作室
                              杭州牛牛工作室 4

                              至于结果如何 只能慢慢体会

                              • 杭州牛牛工作室
                                杭州牛牛工作室 4

                                鸟哥我们一起加油

                                • Sean
                                  Sean 0

                                  过完年了,继续奋斗

                                  • 杭州SEO优化
                                    杭州SEO优化 4

                                    值得看

                                    • 杭州SEO优化
                                      杭州SEO优化 4

                                      鸟哥 更新哦

                                      • 杭州SEO优化
                                        杭州SEO优化 4

                                        很牛逼啊

                                        • 明月登楼的博客
                                          明月登楼的博客 5

                                          我现在就想知道百度联盟、百度分享、百度打赏的JS库如何优化!特别是载入速度!

                                          • 杭州SEO优化
                                            杭州SEO优化 4

                                            鸟哥要更新哦

                                            • 明月登楼的博客
                                              明月登楼的博客 5

                                              鸟哥,更新了!

                                              • 杭州SEO优化
                                                杭州SEO优化 4

                                                不错 力挺鸟哥

                                                • 杭州SEO优化
                                                  杭州SEO优化 4

                                                  鸟哥加油哦

                                                  • Win7en乐园
                                                    Win7en乐园 0

                                                    测试

                                                      • Win7en乐园
                                                        Win7en乐园 7

                                                        @ Win7en乐园 这个人不是我,鸟哥~~鸟哥,这个不是我回复了。你可以后台看IP。

                                                    匿名

                                                    发表评论

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

                                                    拖动滑块以完成验证