《Web+前端性能优化》.pptx

Web前端性能优化实践与提高;一个网页从开始加载到完全载入 最长你能“hold”住多久？; 450,000访问次数 15,000,000页面浏览量 ;页面访问过程：;Gzip压缩;1;1s;开发环境;这样做就够了吗？还能做些什么？？;并行加载、预加载：;这是一个复杂且棘手的话题，浏览器之间存在差异：;XHR Eval XHR injection Script in Iframe Script DOM Element Script Defer;Script DOM Element √跨域、在 Firefox/Opera 下；同时还能保证它们的执行顺序； ×在 IE（以及 Safari/Chrome）下，浏览器不能保证这些 js 的执行顺序，哪个先下载完浏览器就会先执行哪个。;优化系统 = 动态压缩、合并静态文件 + 并行加载、预加载（js执行顺序）;实际效果;2;真的有必要吗？？;滚动条以下区域;如何节省这46G流量？;方案二;方案三;实现细节;实际效果;3; 服务器;最佳适用场景：;方案; 脚本阻滞； 最快可交互时间； 合理划分代码布局；;总结：;性能优化永无止境 最佳优化因地制宜;xingshikang@