前端测试

前端测试

        互联网进入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更高效，主流服务器都有相应的压缩支持模块。