摘要： 1.Timeline概览 timeline是google的chrome浏览器中的一个开发者工具，它有助于前端开发者来分析页面的解析、脚本运行以及渲染、布局的情况，从而帮助开发者去优化页面的性能。 timeline有三个主要的模块：顶部的概况视图部分，记录视图部分和工具栏。 录制按钮(Record... 阅读全文

摘要： 1、优化循环远远比优化只执行一次的代码好得多； 2、DOM API效率低下，运行程序最大开销往往是DOM而不是Javascript； 3、当我们做性能优化时，不要浪费时间去尝试为那些不消耗大量时间的代码提速。评估优先，拒绝任何不能提供良好效益的优化； 4、浏览器在执行页面的Javascript期间无... 阅读全文

摘要： 包含35条最佳实践原则，总共7个类别。 分类包括： content server cookie css javascript images mobile 1.最小化http请求 tag：content 终端用户的80%的请求时间是在前端。这些时间中，大部分时间消耗在加载：图片、样式表、脚本和fl... 阅读全文

摘要： 1.css选择符 css选择符的编写方式决定了浏览器必须执行的匹配次数，而某些类型的css选择符将会导致浏览器尝试更多匹配，因此开销比简单选择符更高。 ID选择符 这种类型的选择符简单且高效，用于匹配页面唯一的元素。#id {} 类选择符.className {} 类型选择符tagName {} 相... 阅读全文