前端测试

前端测试

        互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。

  JavaScript

  CSS

  XHtml

  Flash

Web 访问时间组成

Web前端:

    网络通道的建立

    信息的传输

    页面加载

    浏览器渲染

Web后端:

    服务器业务逻辑处理

    数据库数据处理

Web 前端性能测试项

雅虎前端研发团队提出的前端32条准则:

前端测试_第1张图片

CSS内容置顶

        CSS最新传输,可以使浏览器逐步加载已将下载的网页内容。这对内容比较多的网页尤其重要,用户不用一直等待在一个白屏上,而是可以先看已经下载的内容,用户体验较好。

JavaScript脚本置地

        JavaScript脚本对于页面展示没有帮助,主要用于后期用户的输入或异步加载处理,所以要放置到HTML代码底部,最后传输。另外就是将JavaScript或CSS中的空格和注释全去掉,精简这些文件。

HTTP 请求次数优化,文件压缩传输优化

1.尽量减少HTTP请求数:

    合并文件到一个文件中,减少文件请求。

    合并多个小图到一个大图,再使用CSS Sprites技术进行拆分

    报文Header使用Expires属性,进行图片等内容缓存

2.文件压缩传输

        Gzip通常可以减少70%网页内容的大小,包括脚本、样式表、图片等文件。Gzip比deflate更高效,主流服务器都有相应的压缩支持模块。

你可能感兴趣的:(前端测试)