摘要: 1、优化循环远远比优化只执行一次的代码好得多; 2、DOM API效率低下,运行程序最大开销往往是DOM而不是Javascript; 3、当我们做性能优化时,不要浪费时间去尝试为那些不消耗大量时间的代码提速。评估优先,拒绝任何不能提供良好效益的优化; 4、浏览器在执行页面的Javascript期间无... 阅读全文
posted @ 2013-08-28 19:16 清风妙康 阅读(234) 评论(0) 推荐(0) 编辑
摘要: 包含35条最佳实践原则,总共7个类别。 分类包括: content server cookie css javascript images mobile 1.最小化http请求 tag:content 终端用户的80%的请求时间是在前端。这些时间中,大部分时间消耗在加载:图片、样式表、脚本和fl... 阅读全文
posted @ 2013-08-28 18:56 清风妙康 阅读(367) 评论(0) 推荐(0) 编辑
摘要: 1.css选择符 css选择符的编写方式决定了浏览器必须执行的匹配次数,而某些类型的css选择符将会导致浏览器尝试更多匹配,因此开销比简单选择符更高。 ID选择符 这种类型的选择符简单且高效,用于匹配页面唯一的元素。#id {} 类选择符.className {} 类型选择符tagName {} 相... 阅读全文
posted @ 2013-08-28 18:55 清风妙康 阅读(360) 评论(0) 推荐(0) 编辑
摘要: 优化缓存1、影响浏览器的缓存建议:为所有静态资源设置缓存设置Expires最小不要小于1个月,最好是接近一年。Expres比Cache-Control:max-age更受欢迎因为可以获得更广泛的支持。不要设置超过一年,因为这违反了RFC的准则。设置Last-Modified日期为最近资源需要改变的时间。对动态可用缓存使用“身份识别”通过链接到资源的唯一url(每次改变资源时同时改变其文件名)来改变缓存为IE设置Vary的header避免firefox中URL造成的缓存冲突firefox通过hash表存储url的缓存,但hash值仅仅有8个字符,可能会造成hash冲突,所以你需要确保你的资源ur 阅读全文
posted @ 2013-08-28 18:53 清风妙康 阅读(162) 评论(0) 推荐(0) 编辑