上篇 《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 ,并具备部分调试功能。
async
属性是HTML 5新增的,只有在支持HTML 5的现代浏览器才会有效果,至于效果如何本人没实际测试过。

我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
2017年2月22日 12点45分 51楼
来看看鸟哥
2017年2月22日 17点06分 52楼
进来看一看!
2017年2月24日 18点35分 53楼
什么也不说了,期待鸟哥的新文章。
2017年2月24日 23点26分 54楼
不错
2017年2月26日 15点04分 55楼
您好! 独立博客资源导航 blog.yiyeti.cc 已收录本站,将其收录到“大牛博客”分类下,特此告知!
2017年3月1日 09点52分 1层
@一夜涕 网站坚持做3年再说
2017年3月3日 15点15分 2层
@殁漂遥 哈哈,你的网站很不错哦~我在用你的绿色版QQ,虽然是QQ超级会员,但是依旧有各种弹窗,唯独你的可以搞定这些垃圾广告。
2017年2月27日 21点19分 56楼
鸟哥来更新哦
2017年3月3日 15点14分 57楼
鸟哥,爱你呦~~
2017年3月4日 09点29分 58楼
鸟哥的网站非常赞,但是最近不更新了呢?
2017年3月4日 21点29分 59楼
代码很实用 谢谢分享
2017年3月4日 21点57分 60楼
鸟哥失踪了吗
2017年3月30日 14点07分 61楼
来学习学习,想加友链的点我哦

2017年7月3日 17点23分 62楼
不错
2017年7月23日 09点32分 63楼
感觉速度网站速度很快啊,怎么优化的
2017年12月29日 14点50分 64楼
菜鸟哥看了
2018年7月17日 10点20分 65楼
代码很不错