2022年网站性能指南共享 .pdf

《2022年网站性能指南共享 .pdf》由会员分享，可在线阅读，更多相关《2022年网站性能指南共享 .pdf（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网站性能指南（三）【概述】在这一章节，我们的主题聚焦在基础设施建设上。（压缩）（内容过期）（内容分发网络）（E 标签）去掉没必要的Http header【Compression】我们前边提到过，性能规则中的一条就是在服务器和浏览器之间传输的数据越少越好。介于此规则，我们可以使用一个比较成熟的技术：Http Compression。端会评估客户端发来的http request中 header里的 Accept-Encoding。来确定客户端是否能处理压缩过的数据。如果支持，server 端会去对数据进行压缩并返回结果到客户端。在 keynote 这个第三方服务评估的结果是，可以平均节省53%的带

2、宽，网站平均快了25%。现在 IIS 也提供这种技术的支持（免费的）对 compression 的支持支持配置当cpu 占用率过高时，自动停止使用默认最小的文件大小是256k。默认启动静态内容的压缩如果你对IIS 使用compression 感兴趣。可以参见： IIS 中配置 Compression】打开 IIS。选中一个你的网站。在右边选项卡里选择压缩（compression）也许有的朋友会发现，动态压缩是灰色的。其实是我们没安装动态压缩模块。我使用的是win7。安装方法如下：控制面板-程序-开启或关闭windows 功能-Internet 信息服务-万维网服务-性能功能（猥琐）-动态内容压

3、缩如果是 win server 版本的朋友需要：。展开 Roles，点击 Web Server（IIS）。滚动到 Role Services，点击 Add Role Services，打开 Add Role Services 向导。在 Select Role Services 页面，滚动到Performance，选择 Dynamic Content Compression，选择下一步。现在我们还用第一章里用到的那个网站做测试。打开fiddler。记下每个文件的大小。返回到IIS，开启动态压缩和静态压缩。现在IIS 再接收到请求我的 js 和 css文件时。它先会判断是否已经压缩过呗请求的文件。

4、如果没有它会进行压缩，并且存储到某一个目录。其他用户同样请求相同的文件时，它直接获取压缩过的文件即可。现在我们回到fiddler 看看结果吧。文件从 236K 被压缩到 90k。其他 js 和 css文件也都受到相应的压缩。现在我们再使用上一章的另一把利器microsoft network monitor观察压缩前和压缩后来看名师资料总结-精品资料欢迎下载-名师精心整理-第 1 页，共 4 页 -看发生了什么变化。压缩前：压缩后：非常容易使用MS Network monitor 对比出。压缩前后，frame 的数目明显的减少了，从40 条减少到 9 条。由于95%以上的请求都会被询问是否启用c

5、ompression。所以主流的浏览器都支持compression。启用 compression 会占用少许的cpu。IIS7 对这一块做了优化。为了确保压缩没有使CPU 超载，IIS7 每 30 秒计算平均CPU 利用率。当CPU 利用率超过一个限制时，它会自动关闭压缩。当CPU 利用率低于限制时，它会重新启用压缩。限制的默认值是：注意这意味着如果服务器上的CPU 一直在 50%以上，但偶然高于90%，动态文件压缩会被关闭，但再也不会重新开启了。可 以 通 过 修 改applicationHost.config文 件 修 改 这 些 限 制，通 常 它 在C：WindowsSystem32i

6、netsrvconfig文件夹下。找到 httpCompression 节。修改httpdynamicCompressionEnableCpuUsage属性：httpCompressiondynamicCompressionEnableCpuUsage=“70”.重启 IIS。下一页【Content Expirations】回顾一下我们第一张讲过的性能规则。有一条是尽可能不经常地传输数据。一个用户访问我网站的首页，他会得到我的js，css 和图片等文件。浏览器则替他保存到本地的缓存中。过了几天用户又来访问我的网站了。服务器还会看看浏览器缓存中有木有他要的文件。如果有的话，它会告诉server。

7、我有这个文件。但是我想知道它的版本是不是最新的。服务器会看看这个文件到底改没改。如果改了，服务器会发送新的文件。如果没，服务器会返回给浏览器状态码304。涛声依旧。没改。利用浏览器缓存：对于 content folder 设置过期时间尽量避免请求不经常改动的文件重命名文件，如果需要重写浏览器缓存（版本号/时间戳）【在 IIS 中配置 Content Expirations】打开 IIS。选中你的站点。选中scripts 文件夹（装js 的地方。如果有的话）在视图选项卡里找到 HTTP 响应标头并进入。右上角，设置常用标头-使 web 内容过期。我们设置5 天吧。这时候访问我们的网站。使用 fi

8、ddler 观察结果如下：那个 max-age 我们算算。正好是 5 天：）现在我们再打开IE。internet 选项-浏览历史记录-设置-查看文件名师资料总结-精品资料欢迎下载-名师精心整理-第 2 页，共 4 页 -找到我们的js 文件。查看属性，8 月 7 号过期，正好5 天：）【CDN】另一个对于提高网站性能有效的办法就是使用CDN 了。的全称是 Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络

9、，CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容，解决Internet 网络拥挤的状况，提高用户访问网站的响应速度。在这 里我 只做 简 单介 绍，需要 了 解更 详细 信 息，请参 见：en.wikipedia.org/wiki/Content_delivery_network 看到这里读者肯定会说我屌丝了。不解释还废话那么多干什么？CDN 都是大公司用的和我们有关系么？下面我来讲讲我们可以利用到的CDN：是现在最流行的js library 之一。google、micro

10、soft、 都免费 host 了 jquery库在它们的cdn 上。请看下图：我在这里可以使用我们自己的服务器上的jquery 文件。也可以选择从google、微软和 jquery官网的 cnd 来读。即可以给自己服务器减少压力。也可以利用cnd 加快读取速度。【ETags】什么是 ETags？Etag 的全称是entity tag。ETag 实际上是一个hash+changeNumber 组成的值。hash由文件内容生成。IIS7 中 changeNumber 默认是 0；本章前边内容提到，我们通过设置内容过期，利用浏览器缓存达到性能优化的效果，会使用 expires headers告诉浏览

11、器，不用再发送条件GET 请求给服务器啦，直接用缓存里面的数据就可以啦，从而加快访问速度。使用过程如下：客户端请求一个资源source。服务器返回页面souce，并在给 source加上一个ETag。客户端展现该页面，并将页面连同ETag 一起缓存。客户再次请求资源source，并将上次请求时服务器返回的ETag 一起传递给服务器。服务器检查该ETag，并判断出该页面自上次客户端请求之后还未被修改，直接返回响应304（未修改 Not Modified）和一个空的响应体。从此看来 Etag 有可能会误导浏览器，让浏览器忽略缓存重复下载相同的文件。我们试着从删除ETAG。先看看没删除之前ETAG

12、长什么样？summary/Summary description for ETagRemoveModule/summarypublic class ETagRemoveModule:System.Web.IHttpModule public ETagRemoveModule()/TODO:Add constructor logic here/public void Dispose()public void Init(HttpApplication context)context.EndRequest+=new EventHandler(HandlerEndRequest);public voi

13、d HandlerEndRequest(Object sender,EventArgs e)System.Web.HttpContext.Current.Response.Headers.Remove(“ETag”);system.webServer modules add name=“ETagRemoveModule.cs”type=“ETagRemoveModule”/名师资料总结-精品资料欢迎下载-名师精心整理-第 3 页，共 4 页 -/modules/system.webServerETags 就没啦：）【去掉没必要的Http header】我们使用 fiddler 可以看到，htt

14、p response header 包含了很多信息。但是有些信息是没必要展示给用户看的。比如我们使用了.netframework 4.0.我们使用IIS7.5。首先它是多余的信息。其次它也有可能被一些骇客利用。所以我们修改一下我们的代码：void HandlerEndRequest(Object sender,EventArgs e)HttpResponse oResponse=System.Web.HttpContext.Current.Response;if(null!=oResponse)oResponse.Headers.Remove(“X-AspNet-Version”);oResponse.Headers.Remove(“Server”);oResponse.Headers.Remove(“ETag”);现在我们的header干净多了，也安全多了。文章来源：技术弟弟，名师资料总结-精品资料欢迎下载-名师精心整理-第 4 页，共 4 页 -