Async JavaScript:WordPress主题加载JavaScript文件添加异步“async”和推迟“defer“属性插件

2018-02-0317:09:56WEB前端开发 网站建设与开发Comments3,675 views字数 479阅读模式

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

至于“async”和“defer“属性的详细功能说明,大家可以网上自行搜索,两者大概的区别就是前者只有HTML5的现代浏览器支持,后者只有IE支持。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/681.html

Async JavaScript 是一款为WordPress主题加载JavaScript文件添加async”和“defer“属性的插件。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/681.html

主要是针对使用标准的wp_deregister_script函数加载JavaScript文件的方法。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/681.html

Async JavaScript:WordPress主题加载JavaScript文件添加异步“async”和推迟“defer“属性插件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/681.html

启用插件后可以选择“async”或者“defer“,如果启用后发现页面某些依赖  JQuery  运行的 Script有问题,可以在“Script Exclusion”中输入排除的 jquery.min.js文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/681.html

至于具体加速效果如何,只能自己体会了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/681.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/cms/681.html

Comment

匿名网友 填写信息

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

确定