通过异步加载 JavaScript 代码提高页面的载入速度

JavaScript 执行的时候可能会修改 DOM,影响页面的展现,默认情况下,先加载执行 JavaScript,再加载执行后面的代码才是安全的,加载执行 JavaScript 代码的时候,会停止后面代码的加载执行,这个行为叫做阻塞,这个模式就是同步加载。如果我们可以让这些 JavaScript 下载执行的同时,不影响后续页面代码的执行,页面载入速度就会有一定的提升。下面我们以社交网络代码为例,演示一下如何在 WordPress主题中异步加载社交媒体共享按钮,提高页面载入速度。
什么是 JavaScript 异步加载?
异步加载就是浏览器下载执行 JavaScript 的时候,不会影响后面代码的加载和执行。实现异步加载有很多方法,本文中介绍的方法是最常用的,这种方法是在页面中

  • &media=&description=" class="pin-it-button" count-layout="vertical">
  • 此外,还有两个专门的 JavaScript 库来帮助我们实现异步加载,一个是 ControlJS,一个叫 HeadJS,有兴趣的朋友可以关注一下。

    声明:本站资源绿色无后门无广告,可放心下载。如无特殊说明或标注,均为本站原创发布,转载请注明出处!