HTML5
文章平均质量分 90
ImProgrammerBoy
梦想的种子,需要你每天精心的照料,才能发芽,成长。
展开
-
HTML5性能优化(三)
[脚本执行优化] 脚本处理不当会阻塞页面加载、渲染,因此在使用时需当注意: CSS写在头部,JavaScript写在尾部或异步。 避免图片和iFrame等的空Src,空Src会重新加载当前页面,影响速度和效率。 尽量避免重设图片大小。 重设图片大小是指在页面、CSS、JavaScript等中多次重置图片大小,多次重设图片大小会引发图片的多次重绘,影响性能。 DataURL的使用,D原创 2017-08-09 16:37:48 · 759 阅读 · 0 评论 -
HTML5性能优化(二)
[加载优化] 加载过程是最为耗时的过程,可能会占到总耗时的80%时间,因此是优化的重点 减少HTTP请求 因为手机浏览器同时响应请求为4个请求(Android支持4个,iOS 5后可支持6个),所以要尽量减少页面的请求数,首次加载同时请求数不能超过4个。 a)合并CSS、JavaScript webpack,gulp b)合并小图片,使用雪碧图 缓存 使用缓存可以原创 2017-08-09 14:09:33 · 468 阅读 · 0 评论