随笔分类 -  09.性能测试之前端性能分析、诊断、调优

摘要：不同浏览器的工作方式不完全一样，大体上，浏览器的核心是浏览器引擎，目前市场占有率最高的几种浏览器几乎都使用了不同的浏览器引擎：IE使用的是Trident、Firefox使用的是Gecko、Safari和Chrome使用的是Webkit。不同的浏览器引擎对W3C的规范支持不尽相同。下面讲诉浏览器从输入... 阅读全文

摘要：1.Accept-Encoding Accept-Encoding是浏览器发出的请求头中包含的头信息域之一，用于告诉服务器所接受的页面文件的编码方式，如Accept-Encoding:gzip,deflate就是告诉服务器，浏览器能够接受不压缩和使用gzip压缩两种方式的页面内容。2.Connect... 阅读全文

摘要：行业内建议的前端优化项目主要包括：1.减少HTTP请求(合并请求)2.使用CDN数据加速(各地独立的内容分发机制)CDN加速简单的来说，就是把原服务器上数据复制到其他服务器上，用户访问时，那台服务器近访问到的就是那台服务器上的数据。CDN加速优点是成本低，速度快。适合访问量比较大的网站3.使用动态或... 阅读全文

摘要：概要：要提升前端性能，有两大思路： 1>.减少页面加载所需要的时间。 2>.提升用户的观感，让用户觉得页面更快。 减少页面加载所需的时间，可以从请求的数量、请求的并发度及网络传输时间等方面来着手；而提升用户观感，则主要从让页面尽快开始显示入手。 常用的前端性能测试工具： 1.Apache Benchmark工具，简称ab，命令如下： ab -c[并发用户数量] -n[发出请求的数量] [被测试页面的URL] 2.Firebug工具 Firebug工具是一个备受推崇的、强大的Web开发工具，它提供了方便的查看页面元素功能，允许用户以鼠标指示、DOM树等方式查看任意页面元素，提供了控制台直接调试JavaScript;提供了可视化的CSS标尺，方便用户调整页面布局；提供了网络面板，允许用户获知每个页面被加载过程中的页面元素下载和执行细节。Firebug工具同时提供了非常好的扩展。 3.HttpWatch工具 HttpWatch工具是可在IE和Firefox下使用的网页数据分析工具。当然，在Firefox平台上已经有 阅读全文