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

news/2024/4/29 11:28:22/文章来源:https://blog.csdn.net/gudesheng/article/details/1963967
导读:
   介绍 你的网站在并发访问很大并且无法承受压力的情况下,你会选择如何优化?
  很多人首先会想从服务器缓存方面着手对程序进行优化,许多不同的服务器缓存方式都有他们自己的特点,像我曾经参与的一些项目中,根据缓存的命中率不同使用过 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_865790.aspx

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

相关文章

搜索引擎SEO外挂:一边搜索,一边看PageRank

搜索引擎SEO外挂:一边搜索,一边看PageRank 下载地址:多么乐站长工具 我原来曾写过一篇统计分析搜索引擎排名和Page Rank 关联分析 的文章。很多人引用,回复和我讨论了我的结论。有赞成的,有反对的,有鼓励的…

实际采用 FleaPHP 的网站

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

【从0开始Tornado建站】注册

基本的注册功能有用户名、密码和密码确认&#xff0c;当然邮箱确认和基本信息填写在高阶的时候完善&#xff0c;现在只完成基本功能。在register.html写如下内容&#xff1a; {%extends main.html%}{%block content%} <p classtext-danger>注册用户名不支持中文</p>…

【从0开始Tornado建站】主页的登录和显示最新文章

登录只要放在主页就可以了&#xff0c;这里为了美观&#xff0c;把<form>用bootstrap的form-inline类修饰&#xff0c;如下样子&#xff1a; 前台代码如下&#xff1a; {%extends main.html%} {%block header%} <ul classnav nav-pills><li><a href/ clas…

【从0开始Tornado建站】显示所有注册用户

显示注册用户的前台主要代码如下&#xff1a; {%block content%} <ul>{%for i in users%}<li><a href/user/{{i[1]}} classtext-success h4>{{i[1]}}<small>&#xff08;{{i[3]}}星级&#xff09;</small></a></li>{%end%}<br/&g…

【从0开始Tornado建站】群聊

群聊的前台主要代码&#xff1a; {%block content%} <!--<p classtext-success h3>测试版本&#xff0c;每天凌晨4:00清水&#xff0c;enjoy it~~:-)</p>--> <ul>{%for i in content[19*int(num)-19:19*int(num)]%}<li classtext-info><a hre…

【从0开始Tornado建站】发表文章和评论

先上个效果图&#xff1a; 这是每个用户的主页&#xff0c;因为是基本功能&#xff0c;所以用户头像&#xff0c;爱好等信息都还没有&#xff0c;在下一阶段加上。右侧“发表新文章”按钮点击后进入发表文章的页面&#xff1a; 之前尝试过一些开源的富文本编辑器widgEditor和百…

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

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

电信网通证实台湾地震影响内地访问国际网站(12月27日)

电信网通证实台湾地震影响内地访问国际网站 http://www.sina.com.cn 2006年12月27日 09:39 东方网 中国国际海底光缆网络 中美六家运营商正在共同建设连接中国和美国的兆兆级海底光缆系统——跨太平洋直达光缆系统 东方网讯 12月27日消息&#xff0c;从今日凌晨起&#xff0c…

郑昀邀请网站开发工程师架构师加盟Web3.0新锐网站[工作地点-北京财智国际大厦]

公司新年新气象&#xff0c;刚刚换到了一个大办公室&#xff0c;也离中关村更近了。随着公司规模的扩大&#xff0c;开始了新一轮的招兵买马&#xff0c;哈哈。请各位帮忙看看有没有合适的人选推荐&#xff0c;不胜感谢&#xff01; 招聘:研发部 招聘岗位1&#xff1a;PHP网站架…

网站PR值

刚看这个东西&#xff0c;还以为是rp啦&#xff0c;结果发现写反了。查了一下资料&#xff0c;转贴如下。 PR是英文Pagerank 的缩写形式&#xff0c;Pagerank取自Google的创始人LarryPage&#xff0c;它是Google排名运算法则&#xff08;排名公式&#xff09;的一部分&#xf…

使用C#实现网站用户登录

我们在写灌水机器人、抓资源机器人和Web网游辅助工具的时候第一步要实现的就是用户登录。那么怎么用C#来模拟一个用户的登录拉&#xff1f;要实现用户的登录&#xff0c;那么首先就必须要了解一般网站中是怎么判断用户是否登录的。 HTTP协议是一个无连接的协议&#xff0c;也就…

使用C#登录带验证码的网站

我在上一篇文章中已经讲解了一般网站的登录原来和C#的登录实现&#xff0c;很多人问到对于使用了验证码的网站该怎么办&#xff0c;这里我就讲讲验证码的原理和对应的登录方法。 验证码的由来 几年前&#xff0c;大部分网站、论坛之类的是没有验证码的&#xff0c;因为对于一…

高性能网站性能优化

从LiveJournal后台发展看大规模网站性能优化方法 于敦德 2006-3-16 一、LiveJournal发展历程 LiveJournal是99年始于校园中的项目&#xff0c;几个人出于爱好做了这样一个应用&#xff0c;以实现以下功能&#xff1a; 博客&#xff0c;论坛 社会性网络&#xff0c;找到朋友 聚合…

php搭建网站

一.需要一台没有安装过lamp环境的cenos7 二. yum install -y wget && wget -O install.sh https://notdocker.xp.cn/install.sh && sh install.sh 下载phpstudy 三. 浏览器输入这里的公网地址&#xff0c;载入界面后输入初始账户和用户名 四. 软件商店下载m…

实际采用 FleaPHP 的网站

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

LAMP网站架构搭建案例—论坛搭建

LAMP即LinuxApacheMysqlphp的简写。下面以论坛搭建为例来说明LAMP架构。 准备 创建论坛站点 mkdir -p /var/www/westos.com/bbs/html vim /etc/httpd/conf.d/bbs.conf1. 安装数据库 yum install mariadb mariadb.server -y systemctl start mariadb###安全初始化数据库 mysq…

vs2005 发布网站,只生成一个dll

2008年02月09日 星期六 18:10 1.允许更新此预编辑站点 选中这一项后&#xff0c;编译出来的包括aspx文件和dll&#xff0c;与2003下一样。 不选中这一项&#xff0c;编译出来的aspx中没有界面信息&#xff0c;只有一句静态文本&#xff0c;就是不允许发布后修改页面 为了不让订…

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

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

搜索引擎SEO外挂:一边搜索,一边看PageRank

搜索引擎SEO外挂&#xff1a;一边搜索&#xff0c;一边看PageRank 下载地址&#xff1a;多么乐站长工具 我原来曾写过一篇统计分析搜索引擎排名和Page Rank 关联分析 的文章。很多人引用&#xff0c;回复和我讨论了我的结论。有赞成的&#xff0c;有反对的&#xff0c;有鼓励的…