> php教程 > php手册 > 一个很不错的延迟加载方式

一个很不错的延迟加载方式

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
풀어 주다: 2016-06-07 11:36:44
원래의
1120명이 탐색했습니다.

适用于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元

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿