监控 / \ / \优化 <----分析流程： 预处理——查询DNS——建立连接——发送请求——等待响应——发送数据——读取cache——处理、渲染
分类：
其他好文 时间：
2014-10-24 16:06:14
阅读次数：
156
PerfMap 是用来分析前端性能，基于资源定时 API 生成网页资源加载的前端性能热图。热图的颜色和第一个毫秒值指示在什么时候页面的图像加载完毕，这是用户体验的一个很好的指标。括号中的第二个值是浏览器加载特定图像的时间。
分类：
Web程序 时间：
2014-10-23 12:14:10
阅读次数：
242
1. 尽量减少HTTP请求 (Make FewerHTTPRequests)作为第一条，可能也是最重要的一条。根据 Yahoo! 研究团队的数据分析，有很大一部分用户访问会因为这一条而取得最大受益。有几种常见的方法能切实减少HTTP请求：1)合并文件，比如把多个CSS文件合成一个；2)CSSSpri...
分类：
Web程序 时间：
2014-10-20 13:28:08
阅读次数：
281
### 介绍 Perfmap是一个可以调用浏览器的Resource Timing API来根据页面前端资源(如图片)的加载时间生成性能热点图js插件。需要浏览器支持[Resource Timing API][1] ### 使用 在书签栏上把以下js代码添加为书签(...
分类：
其他好文 时间：
2014-10-13 20:10:37
阅读次数：
205
实现一个半径为100px的黑色圆形什么是闭包，举例子说明清楚浮动的三种方式，原理前端性能优化的5种以上的方式，原理对一个数组的所有元素去重，并求数组中的最大值设计一个登录功能，设计逻辑，并解释实现向服务器接口 /service/send 异步发送格式为 {name:"163", gender: "m...
分类：
其他好文 时间：
2014-10-11 00:05:04
阅读次数：
254
则01：尽量减少HTTP请求前端优化的黄金准则指导着前端页面的优化策略：只有10%-20%的最终用户响应时间花在接受请求的HTML文档上，剩下的80%-90%时间花在为HTML文档所引用的所有组件（图片、脚本、样式表等）进行的HTTP请求上。因此，改善响应时间的最简单途径就是减少组件的数量，并由此减...
分类：
其他好文 时间：
2014-10-09 20:38:07
阅读次数：
163
最佳实践1：使用DocumentFragments或innerHTML取代复杂的元素注入
DOM操作在浏览器上是要付税的。尽管性能提升是在浏览器，DOM很慢，如果你没有注意到，你可能会察觉浏览器运行非常的慢。这就是为什么减少创建集中的DOM节点以及快速注入是那么的重要了。
现在假设我们页面中有一个元素，调用AJAX获取JSON列表，然后使用JavaScript更新元素内容。通常，程序...
分类：
其他好文 时间：
2014-10-08 18:27:35
阅读次数：
326
1.Accept-Encoding Accept-Encoding是浏览器发出的请求头中包含的头信息域之一，用于告诉服务器所接受的页面文件的编码方式，如Accept-Encoding:gzip,deflate就是告诉服务器，浏览器能够接受不压缩和使用gzip压缩两种方式的页面内容。2.Connect...
分类：
其他好文 时间：
2014-09-30 12:01:39
阅读次数：
181
1.使用多域名增加最大并发数 大型网站会有多个域名来存放不同的资源，比如IMG，CSS以及HTML因为浏览器只对单个域名限制并发数，而不对单个IP限制并发数，所以可将一个IP地址映射到多个域名，然后使用这些域名访问网站资源，这样原本浏览器的并发数为6，使用两个域名并发数就可以达到12个了。但需要注....
分类：
其他好文 时间：
2014-09-19 13:41:55
阅读次数：
184
最近和几个朋友组织了一个技术交流会，目的是分享技术，彼此进步。昨天结束了第一期，决定坚持下去，每个月定期举办，希望以后能加入更多的人！！附件是我分享的PDF，欢迎大家批评指正！
分类：
其他好文 时间：
2014-09-15 19:41:19
阅读次数：
129
