web前端性能优化小结( 三 )
本文原始标题为:web前端性能优化小结---来源是:
本文原始标题为:web前端性能优化小结---来源是:
6.预加载
无条件加载:触发onload事件时 , 直接加载额外的页面内容 。
有条件加载:根据用户的操作来有根据的判断用户下面可能去往的页面并相应的加载页面内容 。
有预期的加载:载入重新设计过的页面时使用预加载 。 前端优化
7.减少DOM元素数量
简化页面结构
使用更语义化的标签来给页面布局
使用document.getElementsByTagName('*').length可以查看页面里面标签的总数 。
8.根据域名划分页面内容把页面内容划分为若干部分可以使你最大限度的实现平行下载 。
9.使iframe的数量最小
iframe优点:解决加载缓慢的第三方内容如图标和广告等的加载问题 , 并行加载脚本 。
iframe缺点:即使内容为空 , 加载也需要时间 , 会阻止页面加载 , 没有语意 。
推荐阅读
- webkit|冬天大衣怎么搭更有气质感?这几种内搭日常百搭又保暖,咋穿都美
- 违法|俞兆林违法发虚假广告被罚 产品性能达不到宣称性能
- 前端|拥有一双高跟鞋,加高度又提升气质,让你走在时尚的前端
- 胡人|你万万想不到,唐朝的女子可是坚定不移地走在时尚的最前端
- 生鸡油|皮鞋前端容易有折痕,只需涂点这个,折痕一晚上就消失,简单实用
- 性能与颜值的完美结合 品鉴劳力士绿水鬼腕表
- 如意旗下莱卡公司纺织品废料“变身”高性能纤维,是如何做到的
- 万用表用来测试手表性能,该如何选择呢?
- 皮鞋前端容易有折痕,只需涂点这个,折痕一晚上就消失,简单实用
- RICHARD MILLE高性能自制机芯女表