web编程调试工具介绍Fidler （二）.doc

Fiddler介绍二 学习如何通过Fiddler建立一个速度更快的网站。在这篇文章中，我们将使用Fiddler去探究HTTP的性能，缓存，以及压缩。 如果你要是没有安装和配置过Fiddler， 请从文章的第一篇开始。 ? HTTP性能总览 毫无疑问用户都喜欢访问速度快的网站。用户是非常的不耐烦，除非你的网站是没有竞争对手，换句 话就是处于垄断地位的。如果你的访问者来自世界各地，那你就必须要保证你的网站在执行效率方面要非常好，甚至要更加标准。作为一个国际化的网络连接点，通 常要受到来自两个方面的压力：高访问量以及低带宽。 ? 在第一次至关重要的访问中，用户必须要下载每一个内容片断，来生成页面，包括JS，CSS，Images，HTML，如果你的页面太难加载（包括IIS接到请求执行并返回给客户端HTML），访问者也许就会离开你的页面！ 通过暴露所有的HTTP通讯，Fiddler很容易得向你展示哪些文件经常被用于生成一个页面， Shift+click 可以在Fiddler左边框的会话列表中多选会话，来计算那些被选会话的“页面总重量”。那些被转换成字节的数量。 ? 如果你想让你的客户在第一次访问的时候就留下深刻的印象 ，那么最好的，也是唯一的途径就是返回给客户更少的文件。 ? 1 使用更少的图画 2 将所有的CSS浓缩到一个CSS文件中 3 将所有的脚本浓缩到一个JS文件中 4 简化你的页面时间 5 使用HTTP压缩 ? 如果要是你已经对用户的第一次来访的性能进行了优化，那么你可以通过Http 缓存的优势来使得你的网站访问速度更快！ ? HTTP 缓存介绍 ? 2种方式来提升你的web 应用程序的速度： 减少请求和响应的往返次数 减少请求和响应的往返字节大小。 ? HTTP缓存是最好的减少客户端服务器端往返次数的办法。缓存提供了提供一种机制来保证客户端 或者代理能够存储一些东西，而这些东西将会在稍后的HTTP 响应中用到的。（即第一次请求了，到了客户端，缓存起来，下次如果页面还要这个JS文件或者CSS文件啥的，就不要到服务器端去取下来了，但是还是要去服 务器上去访问一次，因为请求要对比ETAG值，关于这个值，我将会在下次翻译中介绍其作用）这样，就不用让文件再次跨越整个网络了。 ? 缓存相关的请求头 ? 为了提高性能，微软的IE和其他的web客户端总是想尽办法来维持从远程服务器上下载下来的本地的缓存。 当客户端需要一个资源（html,css.js…），他们有3种可能的动作： 1 发送一个一般的HTTP请求到远程服务器端，请求这个资源。 2 发送一个有条件的HTTP请求到服务器，条件就是如果它不同于本地的缓存版本。 3 如果缓存的拷贝可用，就使用本地的缓存资源。 ? 当发送一个请求，客户也许会使用如下的几个HEADER ? Table 1. Client Cache Headers Pragma: no-cache The client is unwilling to accept any cached responses from caches along the route and the origin server must be contacted for a fresh copy of the resource. If-Modified-Since: datetime The server should return the requested resource only if the resource has been modified since the date-time provided by the client. If-None-Match: etagvalue The server should return the requested resource if the ETAG of the resource is different than the value provided by the client. An ETAG is a unique identifier representing a particular version of a file. ? 1 Pragma：no-cache?? 表明客户端不愿意接受缓存请求，它需要的是最即时的资源。 2 If-Modified-Since: datetime 表明如果这个资源自从上次被客户端请求，就已经修改了，那么服务器就会返回给客户端必威体育精装版的。 3 If-None-Match: etagvalue 如果客户端资源的ETAG值跟服务器端不一致了，那么服务器端返回必威体育精装版的资源。ETAG就是一个唯一的ID，用来表示一个文件的一个特定的版本。 ? 如果要是这