一个很不错的延迟加载方式
- WBOYOriginal
- 2016-06-07 11:36:441085browse
适用于bootstrap 等后台 很多js、css，图片和文件延迟加载<script></script><br>
<script></script><br>
<script></script><br>
<link>
<br>
<link>前提是加载完jquery//延迟加载js<br>
$('script[url-src]').each(function () {<br>
var _this = $(this),<br>
url = _this.attr('url-src');<br>
_this.attr('src', url);<br>
});<br>
$('link[url]').each(function () {<br>
var _this = $(this),<br>
url = _this.attr('url');<br>
_this.attr('href', url);<br>
});说说这样的好处:一般我们后台登录 用不到大量的css和js，所以可以完全独立出来，这样登录的页面就加载快多了，然后我们登录的，输入用户名、密码和验证码什么的，需要一定的时间。这样我们就给延迟加载留出了更多的时间了。上面那段代码是页面加载完成后才执行的（不影响登录的js操作的，也可以用异步预加载，看应用的场景而定）。也就是说，预加载了后台框架的css，js文件，存在浏览器缓存中，当我们登录成功时，进入后台，预加载的css,js什么的。就直接304了。这段代码是我在网上找得，但是预加载后台的文件是我自己想出来的。
如果用到前台的话，只要保证你的页面第一屏能够快速的加载完，用延迟加载也是可以的、
异步加载，我也看了一下，代码比延迟加载多，而且不能控制顺序，即是能控制顺序，代码也是一坨一坨的，我觉得麻烦。
如果你觉得好，请点赞、(*^__^*) 嘻嘻
AD：真正免费，域名+虚机+企业邮箱=0元