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

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

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

相关文章

Zabbix通过Nginx状态来监控网站并发量

一、开 启Nginx状态 一、安装Nginx 执行命令:yum install nginx 二、启动Nginx 执行命令:systemctl start nginx 三、配置Nginx开启Status 1、执行命令:vim /etc/nginx/nginx.conf,添加如下配置:2、重启Nginx服务&…

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工具本…

Bootstrap相关网站中简单的等待提醒

一、在页面中加入如下代码 <div class"modal fade" tabindex"-1" role"dialog" id"waitingModal"><div class"modal-dialog" role"document"><div class"modal-content"><div cla…

实际采用 FleaPHP 的网站

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

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

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

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

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

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

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

怎样把网站前端页面扒取

在网上经常看到一些很好看的页面&#xff0c;这些页面其实都可以把代码扒取下来的&#xff0c;可以用浏览器的另存为&#xff0c;也有一些相应的软件。 浏览器扒取 以火狐为例 右键鼠标点击网页另存为然后保存即可。 软件扒取 这种扒取的软件有很多种我用的是Teleport Ultra 下…

[课程地图-jsp网站]JSP开发要求和详细介绍

通知 系统的源代码目录结构已经上传到SVN服务器 SVN地址&#xff1a; https://svn.duapp.com/appid4x2erzscad 用户名/密码&#xff1a; gopain163.com 在群里 前端界面优化 提示 目前的界面设计暂时不用修改&#xff1b;界面布局后的HTML页面即为整个系统的基础界面&a…

做个人网站前的一些记录

——————————————————————————— 3月24日 在万网上购买域名。域名为cuijy.com———————————————————————————3月31日 在万网购买空间&#xff0c;买的空间类型是X3基础经济型云虚拟主机—————————————————…

网站服务器cpu突然百分百,云服务器cpu突然飙升100

云服务器cpu突然飙升100 内容精选换一换本节定义了弹性云服务器上报云监控的监控指标的命名空间&#xff0c;监控指标列表&#xff0c;各项监控指标的具体含义与使用说明&#xff0c;用户可以通过云监控检索弹性云服务器服务产生的监控指标和告警信息。SYS.ECS对于不同的操作系…

机器学习之电子商务网站用户行为分析及服务推荐案例

项目概述 本项目案例根据某法律咨询服务网站的用户浏览记录&#xff0c;把用户划分为训练集的用户和测试集的用户&#xff0c;再根据找出相应用户的浏览记录划分为训练集数据和测试集数据。训练集用于后续构建用户物品矩阵&#xff0c;再根据用户物品矩阵构建物品相似度矩阵&a…

源码网站模板下载

需要的自费下载哦 有用 &#xff01;&#xff01; 超值 附上下载地址&#xff1a;https://download.csdn.net/download/qq_42312466/21762068

一步步教你为网站开发Android客户端

#友盟杯#一步步教你为网站开发Android客户端 楼主 发表于 2011-11-29 10:30:10|查看: 10907|回复: 225本帖最后由 liupeinye 于 2011-11-30 10:37 编辑 本文参与&#xff1a;友盟—安卓巴士Android开发原创教程大赛本文面向Android初级开发者&#xff0c;有一定的Java和Android…

倾情分享:Android 开发者们不要错过的网站宝藏~

从事 Android 开发多年&#xff0c;攒了很多宝贵网站&#xff0c;分享给大家。 涵盖了系统、API、语言、开发工具、以及各种官方学习平台&#xff0c;不求面面俱到&#xff0c;只求无私分享&#xff01; 期望给各位 Android ROM 开发者、App 开发者带来最全最官方的学习资料&am…

如何在新浪云上传自己的网站(静态展示)

欢迎加入前端交流群交流知识获取视频资料&#xff1a;749539640 最近有小伙伴问我怎么在新浪云上传自己的本地页面&#xff1b;大家看教程吧&#xff01; 第一步&#xff1a;肯定是去注册账号了(需要先注册微博账号&#xff0c;只能使用微博账号登录) 注册地址&#xff1a;点击…

网站引导功能实现

欢迎加入前端交流群交流知识获取视频资料&#xff1a;749539640 背景&#xff1a;发布了新网站&#xff0c;需要引导用户操作或者发布了新功能需要展示给用户 实现&#xff1a;借助driver.js 第三方类库实现 demo&#xff1a;样式如下图 实现方式&#xff1a;点击查看示例代码 …

网站发布

文章目录IIS简介网站发布发布网站到本地IIS简介 iis(Internet Information Services)&#xff0c;译为互联网信息服务&#xff0c;由微软公司提出的基于运行windows的基本服务。现在IIS都内置在windows系统中一起发行。IIS意味着你能发布网页&#xff0c;并且有ASP&#xff08…

WEB网站与WEB应用程序的区别

WEB网站 每个页面(.ashx)生成一个独立的程序&#xff0c;一个页面出错不会对其他页面有影响没有命名空间&#xff0c;因为每个文件会生成一个dll文件&#xff0c;不会在文件内产生全名冲突网站中每个页面(aspx,ashx)都生成对应的程序集&#xff0c;名称是随机的&#xff0c;当…

常见的反爬虫技术有哪些?如何防止别人爬自己的网站?

搜索引擎可以通过爬虫抓取网页信息&#xff0c;同时也有很多企业通过爬虫获取其他平台的信息用于数据分析或者内容优化&#xff0c;但是对于自身网站有些页面或者信息并不希望被爬虫抓取&#xff0c;那我们如何来实现反爬虫技术呢&#xff1f;如何防止别人爬自己的网站呢&#…