WordPress异步加载JS代码版

2017年1月4日 19:35:16知更鸟

知更鸟

站长

关注

2449
文章

0
粉丝

WordPress767,714阅读模式

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

将下面代码添加到当前主题functions.php中：

// 异步加载JS
add_filter( 'script_loader_tag', 'async_script', 10, 3 );
function async_script( $tag, $handle, $src ) {
$zm_method = 'async';// 可将“async”改为“defer”
$zm_exclusions = 'jquery.min.js,script.js';// 排除的JS
$array_exclusions = !empty( $zm_exclusions ) ? explode( ',', $zm_exclusions ) : array();
if ( false !== $zm_enabled && false === is_admin() ) {
if ( !empty( $array_exclusions ) ) {
foreach ( $array_exclusions as $exclusion ) {
$exclusion = trim( $exclusion );
if ( $exclusion != '' ) {
if ( false !== strpos( strtolower( $src ), strtolower( $exclusion ) ) ) {
return $tag;
}
}
}
}
$tag = str_replace( 'src=', $zm_method . "='" . $zm_method . "' src=", $tag );
return $tag;
}
return $tag;
}

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

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

提示

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

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

我的微信

微信号已复制

本站原创文章转载请注明文章出处及链接，谢谢合作！

获取本主题

598845006

咨询主题请加Q：598845006

多功能主题 Begin

本文由 知更鸟 发表于2017年1月4日 19:35:16
转载请注明：https://zmingcx.com/wordpress-asynchronous-javascript-code.html | 知更鸟

WordPress
WordPress主题
functions.php

使用WordPress更新服务加快搜索引擎收录

01/19 48 12,171

WordPress高级教程（晋级版）

08/14 15 38,099

WordPress 4.5 如期而至

04/13 20 2,942

添加一个位置固定的百度分享按钮

09/22 48 6,257

获取本主题

598845006

咨询主题请加Q：598845006

多功能主题 Begin

评论 76 访客 75 作者 1

Win7en乐园 7
2017年1月4日 19:37:54 1F
回复
虽然我不知道异步加载是什么，也只是在百度统计，Google adsense里面见过，但是我感觉是个新技术，我也要学习。
- 肉球 4
  2017年1月4日 19:46:20 B1
  回复
  @ Win7en乐园小婊砸，怎么又是你，丫的是不是天天监控着鸟叔的站
Win7en乐园 7
2017年1月4日 19:38:28 2F
回复
不管怎么说，鸟哥今天一口气发了三篇文章，已经让我感觉到很激动了，一口气学了三篇文章，一天没有白活。
Win7en乐园 7
2017年1月4日 19:38:51 3F
回复
鸟哥，一起努力，一起奋斗吧！！我还能有什么好说的呢。
肉球 4
2017年1月4日 19:47:49 4F
回复
鸟叔带来了惊喜，加油，虽然我知道你一定不会回复，就是这么清高。嗯哼，我喜欢，但是还请鸟叔不要吝啬持续更新，我们跟着好好学习。
- Win7en乐园 7
  2017年1月4日 21:04:34 B1
  回复
  @ 肉球你厉害
  - 动感单车 7
    2017年1月4日 23:26:17 B2
    回复
    @ Win7en乐园其实，你们俩都很厉害，难道你们自己没发觉吗？！呵呵……
    - 肉球 4
      2017年1月7日 21:56:16 B3
      回复
      @ 动感单车小婊砸，我只发现楼上的那个家伙每次都是第一楼，为啥
动感单车 7
2017年1月4日 23:23:51 5F
回复
个人觉得这个比插件好，咱就用这个方法了。
- Koolight 4
  2017年1月4日 23:30:39 B1
  回复
  @ 动感单车用这个要设置好排除的js，不然可能会有副作用。
无作为 3
2017年1月5日 00:57:07 6F
回复
你博客最近出问题了，电脑端很多人打不开，手机可以.持续几天了，希望早日修复
- Zay 1
  2017年1月7日 13:51:52 B1
  回复
  @ 无作为电脑端打不开应该是因为你是联通的线路吧
无作为 3
2017年1月5日 00:58:42 7F
回复
还有能不能把你博客的评论功能教程分享一下，比如滑动验证和刷新页面重新编辑，还有可以自定义有邮件回复通知。
雅兮网 4
2017年1月5日 12:20:48 8F
回复
其实更希望是让某几个js异步加载
龙笑天 5
2017年1月5日 13:54:53 9F
回复
我就对几个js主动加了这个属性~~
明月登楼的博客 5
2017年1月5日 19:24:34 10F
回复
嗯，不错，我先在博客上试试！
Win7en乐园 7
2017年1月6日 11:26:36 11F
回复
鸟哥，又是新的一天，新的一天应该有新的感悟，鸟哥把你的感悟写出来吧，大家一起学习。
随谈网 1
2017年1月6日 11:36:09 12F
回复
都在学习拍马屁，我也要学学
励志语录 6
2017年1月6日 18:18:35 13F
回复
学习了
- 福利网 0
  2017年1月11日 19:10:27 B1
  回复
  @ 励志语录好好计划计划和
6K影视 0
2017年1月7日 20:32:15 14F
回复
不错，谢谢鸟叔的技术
Win7en乐园 7
2017年1月9日 13:00:10 15F
回复
鸟哥，又是新的一天！
励志语录 6
2017年1月9日 18:50:39 16F
回复
啊啊啊啊啊啊啊啊啊啊
- 励志语录 6
  2017年1月11日 19:09:41 B1
  回复
  @ 励志语录测测测额测测
丁春华 2
2017年1月14日 23:09:06 17F
回复
其实没辣么复杂，打个比方：原来js是单通道执行，现在可以多通道执行，js后台执行效率要高很多。
Win7en乐园 7
2017年1月18日 10:16:12 18F
回复
鸟哥，更新网站啊。
杭州牛牛工作室 4
2017年1月26日 13:02:21 19F
回复
新的一天大家一起学习
励志语录 6
2017年1月29日 15:02:58 20F
回复
新年快乐，拜年啦
杭州牛牛工作室 4
2017年1月29日 21:50:29 21F
回复
值得一看
杭州牛牛工作室 4
2017年1月30日 20:06:27 22F
回复
可以啊我试过了干货
简单生活 3
2017年1月30日 23:10:10 23F
回复
很想卖，可做独立博客，三域名授权实在没用处，希望可以买套，单域名就可以了。可以的话联系我。大神
杭州牛牛工作室 4
2017年2月1日 16:23:09 24F
回复
一起奋斗
不套路网赚 0
2017年2月2日 17:01:00 25F
回复
纯干货分享，我不太喜欢弄代码插件之类，网站本身不快，弄了更卡
杭州牛牛工作室 4
2017年2月2日 17:06:40 26F
回复
真正的干货
杭州牛牛工作室 4
2017年2月2日 18:21:56 27F
回复
真心不错
杭州牛牛工作室 4
2017年2月4日 12:10:44 28F
回复
站长更新哦
杭州牛牛工作室 4
2017年2月5日 17:38:40 29F
回复
不错值得研究
八零后 2
2017年2月5日 22:04:30 30F
回复
催更
杭州牛牛工作室 4
2017年2月6日 14:04:51 31F
回复
博主要更新哦
何湘辉博客 0
2017年2月6日 23:41:21 32F
回复
不错学习了，博主的主题很火啊。
夏日草博客 3
2017年2月7日 10:02:52 33F
回复
异步最大的好处就是体验性很佳。
杭州SEO优化 4
2017年2月7日 13:45:19 34F
回复
可以啊
杭州SEO优化 4
2017年2月9日 11:42:11 35F
回复
支持鸟哥
杭州SEO优化 4
2017年2月10日 17:29:52 36F
回复
很不错哦
腾蛙网 3
2017年2月11日 20:08:49 37F
回复
好，有机会用下
诗梦 2
2017年2月12日 00:16:54 38F
回复
这个插件可以和自带的用吗？
- 知更鸟
  2017年2月13日 11:21:27 B1
  回复
  @ 诗梦没必要同时用
杭州SEO优化 4
2017年2月13日 14:25:21 39F
回复
2017力挺鸟哥
qiuzhang 0
2017年2月16日 01:39:28 40F
回复
测试评论功能；
妙家居 1
2017年2月16日 15:54:25 41F
回复
这个工具挺好用的，有点类似多线程
VIP券网 1
2017年2月16日 16:15:36 42F
回复
很不错的网站，给大家分享推荐下。
杭州SEO优化 4
2017年2月17日 11:44:11 43F
回复
永远支持鸟哥
杭州SEO优化 4
2017年2月18日 13:41:25 44F
回复
支持鸟哥
明月登楼的博客 5
2017年2月18日 20:57:42 45F
回复
鸟哥，头像好像又挂了！
杭州SEO优化 4
2017年2月19日 10:58:28 46F
回复
JS代码太烦人了
杭州SEO优化 4
2017年2月20日 13:09:36 47F
回复
鸟哥要更新了哦
爱魔方 1
2017年2月21日 09:55:36 48F
回复
好强大….
杭州SEO优化 4
2017年2月21日 10:54:20 49F
回复
鸟哥哪里去了
华唯商标转让网 1
2017年2月21日 13:50:10 50F
回复
学习学习下！
杭州SEO优化 4
2017年2月22日 12:45:24 51F
回复
来看看鸟哥
华唯商标转让网 1
2017年2月22日 17:06:11 52F
回复
进来看一看！
Win7en乐园 7
2017年2月24日 18:35:56 53F
回复
什么也不说了，期待鸟哥的新文章。
产品帮 0
2017年2月24日 23:26:50 54F
回复
不错
一夜涕 0
2017年2月26日 15:04:41 55F
回复
您好！独立博客资源导航 blog.yiyeti.cc 已收录本站，将其收录到“大牛博客”分类下，特此告知！
- 殁漂遥 4
  2017年3月1日 09:52:16 B1
  回复
  @ 一夜涕网站坚持做3年再说
  - Win7en乐园 7
    2017年3月3日 15:15:36 B2
    回复
    @ 殁漂遥哈哈，你的网站很不错哦~我在用你的绿色版QQ，虽然是QQ超级会员，但是依旧有各种弹窗，唯独你的可以搞定这些垃圾广告。
杭州SEO优化 4
2017年2月27日 21:19:06 56F
回复
鸟哥来更新哦
Win7en乐园 7
2017年3月3日 15:14:29 57F
回复
鸟哥，爱你呦~~
Win7en乐园 7
2017年3月4日 09:29:02 58F
回复
鸟哥的网站非常赞，但是最近不更新了呢？
易淘金股票博客 3
2017年3月4日 21:29:20 59F
回复
代码很实用谢谢分享
杭州SEO优化 4
2017年3月4日 21:57:24 60F
回复
鸟哥失踪了吗
IT老剑 0
2017年3月30日 14:07:57 61F
回复
来学习学习，想加友链的点我哦
双折 0
2017年7月3日 17:23:44 62F
回复
不错
好店品 4
2017年7月23日 09:32:49 63F
回复
感觉速度网站速度很快啊，怎么优化的
鳄鱼皮钱包 1
2017年12月29日 14:50:56 64F
回复
菜鸟哥看了
投资那点事 1
2018年7月17日 10:20:46 65F
回复
代码很不错

发表评论