web前端网页打开速度性能优化的方法

可能有人会说：网站的性能是后端工程师的事情，与前端并无多大关系。我只能说，too young too simple。事实上，只有10%~20%的最终用户响应时间是用在从Web服务器获取HTML文档并传送到浏览器的，那剩余的时间去哪儿了？来瞄一下性能黄金法则：

只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上。

如何来提高页面的加载速度。

1.减少http请求次数：css sprites, js css源码压缩，图片大小控制合适，页面gzip,cdn托管，data缓存，图片服务器。

2.前端模板化

3.用innerHTML代替DOM操作，减少DOM操作次数

4.图片预加载

5.避免使用table iframe(全部加载完才显示)