前端测试
互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。
JavaScript
CSS
XHtml
Flash
Web 访问时间组成
Web前端:
网络通道的建立
信息的传输
页面加载
浏览器渲染
Web后端:
服务器业务逻辑处理
数据库数据处理
Web 前端性能测试项
雅虎前端研发团队提出的前端32条准则:
CSS内容置顶
CSS最新传输,可以使浏览器逐步加载已将下载的网页内容。这对内容比较多的网页尤其重要,用户不用一直等待在一个白屏上,而是可以先看已经下载的内容,用户体验较好。
JavaScript脚本置地
JavaScript脚本对于页面展示没有帮助,主要用于后期用户的输入或异步加载处理,所以要放置到HTML代码底部,最后传输。另外就是将JavaScript或CSS中的空格和注释全去掉,精简这些文件。
HTTP 请求次数优化,文件压缩传输优化
1.尽量减少HTTP请求数:
合并文件到一个文件中,减少文件请求。
合并多个小图到一个大图,再使用CSS Sprites技术进行拆分
报文Header使用Expires属性,进行图片等内容缓存
2.文件压缩传输
Gzip通常可以减少70%网页内容的大小,包括脚本、样式表、图片等文件。Gzip比deflate更高效,主流服务器都有相应的压缩支持模块。