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

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

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

相关文章

300多个品牌抢先申请入驻,天猫国际引文招商网站上线,品牌入驻量持续攀升

近日,国内电商平台天猫开启了新一轮的国际化进程,国际英文招商网站上线已经一周,目前已经吸引了300多个海外品牌赶来申请入驻,寻求与天猫国际的合作,同时已经有着上万个品牌关注此次天猫的英文招商网站,潜力…

优化网站设计(二):使用CDN

前言 网站设计的优化是一个很大的话题,有一些通用的原则,也有针对不同开发平台的一些建议。这方面的研究一直没有停止过,我在不同的场合也分享过这样的话题。 作为通用的原则,雅虎的工程师团队曾经给出过35个最佳实践。这个列表请参考 Best Practices fo…

边玩边学,15个学习Python 的编程游戏网站

经常听到有朋友说,学习编程是一件非常枯燥无味的事情。其实,大家有没有认真想过,可能是我们的学习方法不对? 比方说,你有没有想过,可以通过打游戏来学编程? 今天我想跟大家分享几个网站&#…

实战CENTOS6.5安装docker并创建asp.net mvc 5 镜像,运行MVC 网站

Docker,容器,让研发、测试、生产同一环境,可在linux平台上混合使用JAVA与net 程序 Centos6.5安装docker 参考http://my.oschina.net/kcw/blog/355612 rpm -ivh http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm …

一个小破网站,居然比 Python 官网还牛逼

前两天,我发现有个前同事写的 Shell 脚本经常在出问题,考虑这个脚本一直挺不稳定的,维护起来也挺头疼,原因是 Shell 脚本写稍微复杂一点的逻辑,代码就变得十分臃肿,对比 Python 真的太差劲了。 这个 Shell…

程序员接单网站哪个好?

国内远程工作平台,接单平台 1、CODING 码市 官方网站:https://mart.coding.net 著名的Coding旗下的互联网软件外包服务平台,平台以外包为主。 2、 开源众包 官方网站:https://zb.oschina.net/projects/list.html 开源中国的…

如何从BBC网站学习英语

转载于:https://www.cnblogs.com/yymn/p/4614286.html

Win7用IIS发布网站系统 部署项目

1.首先确保系统上已经安装IIS 【控制面板】→【程序】→【程序和功能】→【打开或关闭Windows功能】 选中Internet 信息服务下面的所有选项,点击确定。 2. 获得发布好的程序文件 若没有发布,则在项目上右击,选择发布。注意发布方法选择文件系…

部署网站上线至服务器(华为云 Centos7.5+宝塔面板)

前言:此文档技术含量较低,适合初学者阅览,大佬们请移步。本人小菜鸡,大佬们轻点喷,公网IP给出,信息安全实验室的大佬们不要入侵俺!!!(写的代码应该有很多的漏…

ASP.net网站访问异常

解决方案 出现这个bug的原因是由于,net.framwork版本问题,以前PC上装的4.0版本,故会报错,安装net.framwork 4.5异常消失。 END! 转载于:https://www.cnblogs.com/changbo/p/5336379.html

在IIS中浏览网站时出现:无法打开登录所请求的数据库 ***,登录失败

在IIS中发布Web应用程序后,浏览网站时出现无法打开登录所请求的数据库 "***",登录失败错误,如下图所示: 解决办法:打开系统Web.Config配置文件,查看数据库连接串是否为Windows身份验证方式&#…

网站实现微信登录之回调函数中登录逻辑的处理--基于yii2开发的描述

上一篇文章网站实现微信登录之嵌入二维码中描述了如何在自己的登录页面内嵌入登录二维码,今天的这篇文章主要是描述下在扫码成功之后微信重定向回网站后登录逻辑的处理,其实也就是验证身份信息,授权用户登录的逻辑。这里说句题外话&#xff0…

据说这是最详细软件测试电商网站测试实战教程总结

目录:导读一、兼容性二、UI测试三、用户体验测试UE四、购物流程及购物规则测试五、支付流程六、订单流程测试七、性能,响应速度测试八、重点(总结)一、兼容性 (1)主要是在浏览器兼容 (2&#x…

chrome无法从该网站添加应用、扩展程序和用户脚本的有效解决方法

解决方案 第一步: 新建一个标签页,在地址栏输入:chrome://flags/#extensions-on-chrome-urls并按回车键 将值改为enabled OK了,就可以完美解决了

OpenCMS模板的导出和OpenCMS网站的导出

1、OpenCMS模板的导出 (1)切换到Administration视图,单击Module Management,如图所示: (2)导出位置:tomcat根目录\webapps\opencms\WEB-INF\packages\modules\文件夹下cn.mysite.tem…

网站开发技巧参考大全

事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗…

DNS原因导致的不能访问网站问题一例

友情提示:大家可以了解下以下在这次问题解决中用到的一些技术名词:智能DNS和BGP了。双线及策略路由。公司的业务发展很快,在偶的老家郑州市和河南建业合作开了新的项目,而且二七塔附近的华联商厦亦在我们的管理之下。基于此&#…

2020年拟在山东招生普通高校专业(类)选考科目要求 网站数据爬虫实战

需要爬取 1622 个高校的数据 , 序号 ,地区 学校代码 , 学校名称 , 选课科目要求 , 学校网址 。 因为此网站禁用了右键, 所以直接用 python 代码分析 网站html 。 form 表格的 一行 html代码如上 。 都是在 td 标签下, 直接改中国大学排名定向爬虫实例 代码。 (1) 获取 ht…

高并发高流量网站架构

高并发高流量网站架构(转) Web2.0的兴起,掀起了互联网新一轮的网络创业大潮。以用户为导向的新网站建设概念,细分了网站功能和用户群,不仅成功的造就了一大批新生的网站,也极大的方便了上网的人们。但Web2.0以用户为导向的理念&a…

C# seo测试小工具1:同时更新多网站的博客(csdn,cnblogs,163,sina)

这几天我一个朋友在学seo,老师要求学生们同时发表一篇博客来测试百度的排名系统。所以就有了这个小程序,给同样有这方面需求的朋友们一个参考,下面介绍一下实现方法。 国内的这几个网站都实现了国际通用的博客api:MetaWeblog。通过…