可能有人会说:网站的性能是后端工程师的事情,与前端并无多大关系。我只能说,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(全部加载完才显示)