上篇 《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的现代浏览器才会有效果,至于效果如何本人没实际测试过。
本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!

我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!








51F
来看看鸟哥
52F
进来看一看!
江苏 南京 53F
什么也不说了,期待鸟哥的新文章。
54F
不错
河南 郑州市 55F
您好! 独立博客资源导航 blog.yiyeti.cc 已收录本站,将其收录到“大牛博客”分类下,特此告知!
江苏 南京 B1
@ 一夜涕 网站坚持做3年再说
江苏 南京 B2
@ 殁漂遥 哈哈,你的网站很不错哦~我在用你的绿色版QQ,虽然是QQ超级会员,但是依旧有各种弹窗,唯独你的可以搞定这些垃圾广告。
江苏 南京 56F
鸟哥来更新哦
江苏 南京 57F
鸟哥,爱你呦~~
江苏 南京 58F
鸟哥的网站非常赞,但是最近不更新了呢?
59F
代码很实用 谢谢分享
浙江 杭州 60F
鸟哥失踪了吗
广西 柳州 61F
来学习学习,想加友链的点我哦

北京市 西城区 62F
不错
广东 广州市 63F
感觉速度网站速度很快啊,怎么优化的
湖南 青园 64F
菜鸟哥看了
山西 柳巷街道 65F
代码很不错