web前端性能优化小结( 三 )

本文原始标题为:web前端性能优化小结---来源是:

本文原始标题为:web前端性能优化小结---来源是:

6.预加载

无条件加载:触发onload事件时 , 直接加载额外的页面内容 。

有条件加载:根据用户的操作来有根据的判断用户下面可能去往的页面并相应的加载页面内容 。

有预期的加载:载入重新设计过的页面时使用预加载 。 前端优化

7.减少DOM元素数量

简化页面结构

使用更语义化的标签来给页面布局

使用document.getElementsByTagName('*').length可以查看页面里面标签的总数 。

8.根据域名划分页面内容把页面内容划分为若干部分可以使你最大限度的实现平行下载 。

9.使iframe的数量最小

iframe优点:解决加载缓慢的第三方内容如图标和广告等的加载问题 , 并行加载脚本 。

iframe缺点:即使内容为空 , 加载也需要时间 , 会阻止页面加载 , 没有语意 。


推荐阅读