如何利用客户端缓存对网站进行优化?

news/2024/5/1 17:31:14/文章来源:https://blog.csdn.net/techcrunch/article/details/1963908
导读:
   介绍 你的网站在并发访问很大并且无法承受压力的情况下,你会选择如何优化?
  很多人首先会想从服务器缓存方面着手对程序进行优化,许多不同的服务器缓存方式都有他们自己的特点,像我曾经参与的一些项目中,根据缓存的命中率不同使用过 Com+/Enterprise Libiary Caching/Windows服务,,静态文件等方式的服务器端缓存和 HTTP Compression技术,但客户端缓存往往却被人们忽略了,即使服务器的缓存让你的页面访问起来非常地快,但她依然需要依赖浏览器下载并输出,而当你加入客户端缓存时,会给你带来非常多的好处.因为她可以对站点中访问最频繁的页进行缓存充分地提高 Web 服务器的吞吐量(通常以每秒的请求数计算)以提升应用程序性能和可伸缩性。
  一个在线购物调查显示,大多数人愿意去商店排队,但在在线购物时却不愿意等待。Websense调查公司称多达70%的上网者表示不愿意在页面读取上超过10秒钟。超过70%的人会因为中途速度过慢而取消当前的订单。
   基础知识 1) 什么是”Last-Modified”?
  在浏览器第一次请求某一个URL时,服务器端的返回状态会是200,内容是你请求的资源,同时有一个Last-Modified的属性标记此文件在服务期端最后被修改的时间,格式类似这样:
  Last-Modified: Fri, 12 May 2006 18:53:33 GMT
  客户端第二次请求此URL时,根据 HTTP 协议的规定,浏览器会向服务器传送 If-Modified-Since 报头,询问该时间之后文件是否有被修改过:
  If-Modified-Since: Fri, 12 May 2006 18:53:33 GMT
  如果服务器端的资源没有变化,则自动返回 HTTP 304 (Not Changed.)状态码,内容为空,这样就节省了传输数据量。当服务器端代码发生改变或者重启服务器时,则重新发出资源,返回和第一次请求时类似。 从而保证不向客户端重复发出资源,也保证当服务器有变化时,客户端能够得到最新的资源。
   2) 什么是”Etag”?
  HTTP 协议规格说明定义ETag为“被请求变量的实体值” (参见 —— 章节 14.19)。 另一种说法是,ETag是一个可以与Web资源关联的记号(token)。典型的Web资源可以一个Web页,但也可能是JSON或XML文档。服务器单独负责判断记号是什么及其含义,并在HTTP响应头中将其传送到客户端,以下是服务器端返回的格式:
  ETag: "50b1c1d4f775c61:df3"
  客户端的查询更新格式是这样的:
  If-None-Match: W/"50b1c1d4f775c61:df3"
  如果ETag没改变,则返回状态304然后不返回,这也和Last-Modified一样。个人测试Etag主要在断点下载时比较有用。
  
   Last-Modified和Etags如何帮助提高性能? 聪明的开发者会把Last-Modified 和ETags请求的http报头一起使用,这样可利用客户端(例如浏览器)的缓存。因为服务器首先产生 Last-Modified/Etag标记,服务器可在稍后使用它来判断页面是否已经被修改。本质上,客户端通过将该记号传回服务器要求服务器验证其(客户端)缓存。
   过程如下:
  1. 客户端请求一个页面(A)。
  2. 服务器返回页面A,并在给A加上一个Last-Modified/ETag。
  3. 客户端展现该页面,并将页面连同Last-Modified/ETag一起缓存。
  4. 客户再次请求页面A,并将上次请求时服务器返回的Last-Modified/ETag一起传递给服务器。
  5. 服务器检查该Last-Modified或ETag,并判断出该页面自上次客户端请求之后还未被修改,直接返回响应304和一个空的响应体。
   示例代码
  下面的例子描述如何使用服务器端代码去操作客户端缓存:
  //默认缓存的秒数
  int secondsTime = 100;
  //判断最后修改时间是否在要求的时间内
  //如果服务器端的文件没有被修改过,则返回状态是304,内容为空,这样就节省了传输数据量。如果服务器端的文件被修改过,则返回和第一次请求时类似。
  if (request.Headers["If-Modified-Since"] != null &&TimeSpan.FromTicks(DateTime.Now.Ticks - DateTime.Parse(request.Headers["If-Modified-Since"]).Ticks).Seconds
  {
  //测试代码,在这里会发现,当浏览器返回304状态时,下面的日期并不会输出
  Response.Write(DateTime.Now);
  response.StatusCode = 304;
  response.Headers.Add("Content-Encoding", "gzip");
  response.StatusDescription = "Not Modified";
  }
  else
  {
  //输出当前时间
  Response.Write(DateTime.Now);
  //设置客户端缓存状态
  SetClientCaching(response, DateTime.Now);
  }
  #region SetClientCaching.....
  ///
  /// 设置客户端缓存状态
  ///
  ///
  ///
  private void SetClientCaching(HttpResponse response, DateTime lastModified)
  {
  response.Cache.SetETag(lastModified.Ticks.ToString());
  response.Cache.SetLastModified(lastModified);
  //public 以指定响应能由客户端和共享(代理)缓存进行缓存。
  response.Cache.SetCacheability(HttpCacheability.Public);
  //是允许文档在被视为陈旧之前存在的最长绝对时间。
  response.Cache.SetMaxAge(new TimeSpan(7, 0, 0, 0));
  //将缓存过期从绝对时间设置为可调时间
  response.Cache.SetSlidingExpiration(true);
  }
  #endregion
  如果你的缓存是基于文件的方式,如XML或http中的.ashx处理,也可以使用下面的基于文件方式的客户端缓存:
  
  #region SetFileCaching.....
  ///
  /// 基于文件方式设置客户端缓存
  ///

  ///
  private void SetFileCaching(HttpResponse response, string fileName)
  {
  response.AddFileDependency(fileName);
  //基于处理程序文件依赖项的时间戳设置 ETag HTTP 标头。
  response.Cache.SetETagFromFileDependencies();
  //基于处理程序文件依赖项的时间戳设置 Last-Modified HTTP 标头。
  response.Cache.SetLastModifiedFromFileDependencies();
  response.Cache.SetCacheability(HttpCacheability.Public);
  response.Cache.SetMaxAge(new TimeSpan(7, 0, 0, 0));
  response.Cache.SetSlidingExpiration(true);
  }
  #endregion
  使用后的效果如下图所示:
  上图所使用的工具是在IE下运行的HttpWatchPro,在Firefox下可以使用FireBug+YSlow进行测试.
  YSlow是建立在FireBug基础上运行的一个小工具,它可以对你的网页进行分析为什么缓存,并给出评分和缓慢的原因.这个工具来自Yahoo的研发团队,所以规则也是Yahoo制定的.
   结论
  我们已经看了如何使用客户端缓存减少带宽和计算的方法,如前所述,如果能正确合理的利用各种不同的缓存,他们会给你带来很多的好处.我希望本文已为你当下或将来基于Web的项目提供了精神食粮,并正确地在底层利用Last-Modified和ETag响应头去优化你的项目。
  
  参考资料:

本文转自
http://idoall.org/blogs/ian/archive/2007/09/24/33533.aspx

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1920792


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_861103.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

seo优化:把百度放进数据库

seo优化:把百度放进数据库 有时候我想,能把百度的数据放进数据库,用广大程序员熟悉的sql语句查询百度的搜索结果应该是一个不错的主意。在这方面Google早已经跨出了一大步,利用Google Search API 把Google的搜索结果放进数据库是很容易办到得…

在Google Drive上建立免费静态网站

现今建立一个属于自己的网站已经是一件很普遍和简单的事情了。你可以选择买空间,买域名,你也可以使用免费空间,免费域名。你可以选择动态的php wordpress,joomla或者是静态的网站(如使用jekyll or octopress部署到github上&#x…

实际采用 FleaPHP 的网站

下面都是采用 FleaPHP 框架开发的网站列表,如果发现无效连接请在留言。 如果你有采用 FleaPHP 开发的网站,并且愿意公开网址,可以发邮件到 dualface (at) gmail.com 需要提供的信息包括网站名称和连接地址,以及简单的介绍文字。 云…

网站字体渲染过程

前言 我们知道同一种字体在不同浏览器上的表现有可能是不同的,除了浏览器,还有哪些导致表现不同的因素呢?不同系统下字形的渲染也是不一样的,根本原因是什么呢?我们希望各浏览器下字体排版一致,实现的话有完…

ASP.NET 2.0网站专案同时使C#与VB.NET之技巧(新书连载)

ASP.NET 2.0网站专案同时使C#与VB.NET之技巧(新书连载) 你知道专案ASP.NET 2.0网站要如何同时使用C#与VB.NET两种语言及多组件的技巧吗? 节录自【圣殿祭司的ASP.NET 2.0专家技术手册】新书 在以往VS.NET 2002及VS.NET 2003的Visual Studio工具…

shell脚本实战之统计web网站不同连接状态个数

1 #!/bin/bash2 declare -A he //定义关联数组3 arraynetstat -antlp |grep 80|awk -F" " {print($6)} 定义索引变量4 for i in $array //取值5 do6 let he[$i] //让元素加一 7 done8 9 for j in ${!he[]} key[value] :key值可以…

借助HttpCombiner让你的网站加速

上一篇 < 利用Microsoft Ajax Minifier在服务器端对静态资源进行自动化压缩 > 得到不少有意义的交流和建议,最近也在不停的尝试做一些网站优化的工作,我会陆续的写一些或者翻译一些优化方面的文章跟大家交流,一方面提供给有需要的朋友一些参考,另一方面也希望得到高手们的…

从“奥运门票网站800万访问量”想到的成本、质量、进度、风险等关系

看到这个新闻后颇有一番滋味&#xff0c;更体验到我一直关注的软件性能着实无处不在&#xff0c;这个案例也确实值得我们好好反思一下。 不知道网友们有没有报名参加国际日语考试的——这个网站每年05年前都有人不能报名&#xff0c;因为报名人数太多&#xff0c;所以报名当日大…

Google 联合一些社交网站来对抗 facebook

谷歌 (Google) 将与其它一些行业领先的社交网站联手&#xff0c;共同对抗互联网新贵Facebook。  谷歌将于周四推出一个通用标准集 ( OpenSocial )&#xff0c;允许软件开发者为谷歌旗下社交网站Orkut&#xff0c;以及LinkedIn、hi5、Friendster、Plaxo和Ning等其它社交网站…

【Abp VNext】实战入门(十一):【1】基本操作 ——VS编译调试时 .NetCore Web网站Api如何在局域网电脑上访问

一、前言 最近使用 AbpVnext .NetCore 开发项目&#xff0c;网站启动后可以通过 http://localhost:44349 或者http:127.0.0.1:4349正常访问&#xff1b; 但是通过本机局域网IP http://192.168.1.101:44349 却无法访问&#xff0c;防火墙里面44349端口入栈规则也配置了&#x…

【Abp VNext】实战入门(十一):【3】基本操作 ——.NetCore Web网站Api发布部署及如何在局域网电脑上访问

文章目录 一、前言二、步骤1、VS2019编译发布项目&#xff1a;2、直接启动服务&#xff1a;默认地址端口访问3、带参启动服务&#xff1a;指定地址端口访问 三、总结 一、前言 上一章讲解了在VS编译调试的时候如何通过局域网访问.netcore 网站API服务&#xff1b; 这一章主要…

【Abp VNext】实战入门(七):【2】xxx.Web网站层 —— API接口异常全局捕捉,返回简化错误信息

这里写自定义目录标题 一、前言二、解决方案1、解决方案1&#xff1a;2、解决方案2&#xff1a; 三、总结 一、前言 今天突然发现一个问题&#xff0c;xxx.Application应用层中的方法&#xff0c;如果直接抛出异常&#xff08;如&#xff1a;throw new Exception(“手动抛出异…

【流媒体服务】Web网站服务搭建(四):【1】下载安装Nginx网站服务

文章目录 前言一、Nginx是什么&#xff1f;二、安装步骤1、下载Nginx2、解压缩Nginx3、配置Nginx 三、启动预览Nginx网站服务1、启动网站服务2、浏览器预览网站3、如何增加个人网页 四、总结 前言 上2章节讲解了本地视频推流拉流服务VLC以及推流转码服务FFMPEG。 为了实现在网…

Red Hat推出”MugShot”社交娱乐网站

网址: http://mugshot.org/ Red Hat近来推出”MugShot”网站, MugShot是一个致力于在线社交娱乐的开源项目. 它提供了更方便的网页和音乐分享. 当前MugShot处于测试阶段, 只提供邀请帐号. 你可以从这里申请. 更多信息见常见问题和开发主页. 欢迎任何问题和建议.

10个学习资源网站

1 mooc学院 MOOC学院的定位是讨论&#xff0c;点评和记录课程&#xff0c;MOOC学院不直接收录课程内容&#xff0c;只是专注于帮助学习者互相交流&#xff0c;发现课程。你可以在这里发现很多有意思的课程 2 学堂在线 学堂在线是基于互联网技术的新型学习平台&#xff0c;旨在…

WordPress主题可视化建站The7 V8.7

The7汉化版是一个非常漂亮的企业主题&#xff0c;功能非常强大&#xff0c;内置可视化编辑器&#xff0c;操作方便&#xff0c;支持layer和revsilder幻灯片&#xff0c;支持视网膜屏幕、支持自适应&#xff0c;所以流动元素都已集成。不管是企业门户或者个人网站、工作室都非常…

使用requests爬取实习僧网站数据

任务要求&#xff1a; 爬取实习僧网站的招聘公司信息和职位信息&#xff0c;并存储到数据库中&#xff0c;对应的数据库表和需要爬取的字段见下面表一和表二&#xff08;注意&#xff1a;爬取存在的字段&#xff09; 代码以上传带github上&#xff1a;使用requests爬取实习僧网…

程序员实用工具网站

程序员实用工具网站 本文链接&#xff1a; https://blog.csdn.net/m0_38106923/article/details/100130354 1、搜索引擎 2、PPT 3、图片操作 4、文件共享 5、应届生招聘 6、程序员面试题库 7、办公、开发软件 8、高清图片、视频素材网站 9、项目开源 10、算法 11、…

解决通过无线路由上网,但有些网站打不开的问题

问题背景&#xff1a;正常联网状态&#xff0c;所有网站&#xff08;除了腾讯视频页面&#xff09;访问正常&#xff0c;就是进不去腾讯视频&#xff0c;网上查&#xff0c;有人说是找不到DNS的原因&#xff0c;所以今天我就专门看了一下无线路由器DNS。并对本机的无线设置做了…

网站访问过程

1、pc到结束访问的全过程 首先发送dns报文进行dns解析 然后建立tcp连接 web服务提供页面信息 首先发送dns包&#xff0c;进行域名解析&#xff0c;数据链路层报文头&#xff08;数据链路层&#xff09;&#xff0c;ip层头&#xff08;网络层&#xff09;&#xff0c;udp头&…