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

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


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

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

相关文章

如何能自动上传公众号文章到网站里面!

如何能自动上传公众号文章到网站里面! 听语音 |浏览:93|更新:2018-06-09 13:30|标签:网站 微信公众号 1 2 3 4 5 分步阅读 百度经验:jingyan.baidu.com 微信文章一直是各大网站建站是的优质内容,很多站长为了…

智能硬件(1)---十个智能硬件中文网站

十个智能硬件中文网站不论你是智能硬件从业者,还是智能硬件爱好者,不妨统一称之为“智能硬件er”。在信息泛滥的时代,专注于智能硬件,能提供好的资讯、观点、资源的平台屈指可数。雷科技小编为您收集了值得关注的十大智能硬件中文…

天空象棋——网站与用户

上一篇文章《天空象棋——冲上云霄》介绍了如何把天空象棋的算法服务发布到Azure上,以及提供了一个使用该云服务的象棋客户端。这次的任务是为天空象棋在Azure上创建一个网站,并且提供用户注册、登陆的功能。涉及以下知识点: 在Azure上创建网…

网站前端,后端设计,系统设计常识

系统设计第一次课听课笔记 网站分为前端和后端 前端就是大家看到的网站界面,类似美女的外表; 后端就是网站的架构设计,类似美女的内心,肚子里有多少东西,无法直接看出来。 后端工程师很苦逼,网站有问题&a…

大型网站图片服务器架构的演进

在主流的Web站点中,图片往往是不可或缺的页面元素,尤其在大型网站中,几乎都将面临“海量图片资源”的存储、访问等相关技术问题。在针对图片服务器的架构扩展中,也会历经很多曲折甚至是血泪教训(尤其是早期规划不足&am…

拳王虚拟项目公社:如何通过SEO优化分析建网站赚钱?

这几年其实几乎已经很少有人再提起seo这个行业了,也有很多人认为现在已经没有人在用搜索引擎的了,也有一个seo从业者片面的认为pc端的网站优化叫做seo,移动端就不属于seo范畴了,其实聊这些东西本身没有任何的意义。 其实百度的DA…

拳王虚拟项目公社:看懂虚拟资源整合收集,资源网站的盈利玩法

之前有拳友咨询:现在还能通过信息差赚钱吗? 能,这种生意太多了。 举个栗子: 有很多人都充了爱奇艺的VIP会员,因为不付费很多内容都看不了。 在爱奇艺官方平台上,年付的黄金会员价格是178,但…

拳王虚拟项目公社:解除网站禁止复制的插件,Simple Allow Copy V 0.8.2

拳王上一篇文章写了:小红书种草博主如何赚钱?从养号到运营全攻略 我们来回顾一下核心重点。 如何做一个种草博主呢? 1、定位与机制 2、养号 3、内容 4、时间 今天拳王给大家分享一个实用技能,许多伙伴应该也会碰到这种情况&am…

拳王虚拟项目公社:一款解除网站禁止复制的插件,Simple Allow Copy V 0.8.2

第一步: 第二步: 第三步: 第四步: 第五步: 第六步: 1.百度等文库解除复制不能保证都成功。如果是可编辑文档,可以解除;如果是图片或图片生成的PDF 文档,不能解除。 …

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

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

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

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

使用XAMPP轻松建站(上)

LAMP (Linux Apache MySQL PHP) 作为与Windows、IIS和.NET等专有和商业软件进行竞争的一种开源软件解决方案,以其特有的安全、快速、易用、易于开发以及大量的开源代码,受到了人们越来越多的关注。特别是近几年来发展迅速,已经成为Web 服务…

使用XAMPP轻松建站(下)

【导读】LAMP (Linux Apache MySQL PHP) 作为与Windows、IIS和.NET等专有和商业软件进行竞争的一种开源软件解决方案。规避了LAMP的复杂、繁琐,XAMPP提供了一种轻松建设网站的途径。本文将介绍基于XAMPP的内容管理系统和论坛系统的建设。 论坛系统——Discuz! …

zero ecilpse下载_推荐10个免费图片下载网站,助你摆脱找图烦恼!建议收藏

无论是做设计、自媒体还是SEO推广,我们都需要各种图片。而且还是要清晰的,因为图片的质量会直接影响到用户的阅读体验。那么我们去哪找那么多高质量图片呢?相信很多人会从百度上快速低成本的去获取,以前可能没什么问题。但现在这种找图片的方…

为啥程序员下班后只关显示器从不关电脑?看看各大网站的答案~

本文综合自:csdn原文:https://blog.csdn.net/csdnsevenn/article/details/87887552慕课网原文:https://www.imooc.com/article/30549首百问答的答案:jingmentudou因为你永远不知道什么时间会被叫醒。开个远程就能避免半夜去公司了…

大型网站架构系列:电商网站架构案例(1)

大型网站架构系列:电商网站架构案例(1) 大型网站架构是一个系列文档,欢迎大家关注。本次分享主题:电商网站架构案例。从电商网站的需求,到单机架构,逐步演变为常用的,可供参考的分布式架构的原型。除具备功…

查看一个网站后台是用的什么服务器

本文出自 “腾飞工作室” 博客,请务必保留此出处 http://www.cnblogs.com/tfgzs/p/5763623.html 转载于:https://www.cnblogs.com/tfgzs/p/5763623.html

学习,工作,编程必看:130 个相见恨晚的神器网站

来源:https://blog.csdn.net/qq_43901693/article/details/100606828作者:爪白白搞学习知乎:www.zhihu.comTED(最优质的演讲):https://www.ted.com/谷粉学术: https://gfsoso.99lb.net/scholar.…

新建网站了!Github标星过万的吴恩达机器学习、深度学习课程笔记,《统计学习方法》代码实现,可以在线阅读了!...

吴恩达机器学习、深度学习,李航老师《统计学习方法》,可以说是机器学习入门的宝典。本文推荐一个网站“机器学习初学者”,把以上资源的笔记、代码实现做成了网页版,可以在线阅读了。网址:http://www.ai-start.com黄博的…

php实现一个简单的购物网站

实现一个简单的购物网站 一、考试时间:8小时 二、开发工具:DW 三、数据库:见附件 四、需要实现的页面: Index:浏览商品页面,显示商品列表,用户可以点击“购买“。 ViewCart:查看购物…