利用jQuery的加载机制延迟加载第三方js代码

有时候一个网站引入了第三方的js, 加载拖延自己的网站很慢, 于是想个办法, 在这些外部资源加载完毕之前，jQuery代码是不会执行的。所以为了网站的响应速度，必须想办法将他们延迟加载。延迟加载第三方js的方式，也很简单，借着jQuery的加载机制就可以实现。
src改成了data-url，这样在浏览器解析dom的时候就不会立即加载外部js代码，只有当我们根据data-url中的值新增一个src属性，浏览器才会加载外部js代码。

我们只需要在jQuery中写一点代码，就能实现延迟加载的效果，代码如下：
                                   <script type="text/javascript" data-url="http://v3.jiathis.com/code_mini/jia.js" charset="utf-8"></script>                                    <script>
                                               // 延时加载第三方js  参考文章 https://mo2g.com/view/102/
                                                 jQuery(function($) {
                                                   $('script[data-url]').each(function() {
                                                       var _this = $(this),
                                                           url = _this.attr('data-url');
                                                       _this.attr('src',url);
                                                   });
                                               });
                                    </script>      

图片：2.png