“按需加载”的应用
来源:互联网 发布:招商银行java笔试 编辑:程序博客网 时间:2024/06/06 08:41
按需加载是前端性能优化中的一项重要措施,按需加载是如何定义的呢?顾名思义,指的是当用户触发了动作时才加载对应的功能。触发的动作,是要看具体的业务场景而言,包括但不限于以下几个情况:鼠标点击、输入文字、拉动滚动条,鼠标移动、窗口大小更改等。加载的文件,可以是JS、图片、CSS、HTML等。后面将会详细介绍“按需”的理解。
按需解析HTML
按需解析HTML,就是页面一开始不解析HTML,根据需要来解析HTML。解析HTML都是需要一定时间,特别是HTML中包含有img标签、引用了背景图片时,如果一开始就解析,那么势必会增加请求数。常见的有对话框、拉菜单、多标签的内容展示等,这些一开始是不需要解析,可以按需解析。实现按需解析,首先用html 这个标签来对忽略对HTML的解析。然后根据触发的动作,把script里面的HTML获取出来,填充到对应的节点中。
示例代码如下:
我们一起来看下demo,当运行demo并抓包发现:当页面加载结束时,并没有看到图片的请求;当点“点我展示HTML”按钮时,通过抓包发现有图片请求。
详细来源:http://myfetish.cn/read-71
0 0
- “按需加载”的应用
- “按需加载”的应用
- “按需加载”的应用
- “按需加载”的应用
- “按需加载”的应用
- 类加载器的应用
- 懒加载ImageLoader的应用
- Android应用开发之(按需加载View)
- java网络加载协议JNLP的应用
- “加载图片gif”的一个应用
- android应用的loading加载动画制作
- 图片延迟加载技术-Lazyload的应用
- 图片延迟加载技术-Lazyload的应用
- Android Launcher应用的加载过程
- Log4j日志文件的加载及应用
- SuperMap iServer应用—地图的加载
- 【Android】应用的loading加载动画制作
- 关于应用启动页的加载
- 三目运算符?:
- 敏捷团队经验分享
- VMware虚拟机上安装linux和克隆
- 日经春秋 20150613
- 关于hashcode和equals方法重写的一些理解!
- “按需加载”的应用
- WorldComposer 教程 真实地形创建工具
- 日经社説 20150613 福島廃炉は安全確保を第一に
- UNIX进程间通讯(IPC)简介
- ubuntu 12.04
- 剑指offer 重建二叉树 java实现
- mysql存入中文乱码
- 转变思维--使用Python生成Shell命令,批量执行程序
- 日经社説 20150613 現実がもたらしてきた「憲法解釈の変遷」