阅读:674
回复:0
利用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 |
|
|
您需要登录后才可以回帖,登录
|