`
wjboy49
  • 浏览: 273148 次
  • 性别: Icon_minigender_1
  • 来自: 湖南岳阳
社区版块
存档分类
最新评论

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

    博客分类:
  • java
阅读更多

一个在线购物调查显示,大多数人愿意去商店排队,但在在线购物时却不愿意等待。Websense调查公司称多达70%的上网者表示不愿意在页面读取上超过10秒钟。超过70%的人会因为中途速度过慢而取消当前的订单。
         你的网站在并发访问很大并且无法承受压力的情况下,你会选择如何优化?
          很多人首先会想从服务器缓存方面着手对程序进行优化,许多不同的服务器缓存方式都有他们自己的特点,像我曾经参与的一些项目中,根据缓存的命中率不同使用过 Com+/Enterprise Libiary Caching/Windows 服务,静态文件等方式的服务器端缓存和 HTTP Compression 技术,但客户端缓存往往却被人们忽略了,即使服务器的缓存让你的页面访问起来非常地快,但她依然需要依赖浏览器下载 并输出,而当你加入客户端缓存时,会给你带来非常多的好处.因为她可以对站点中访问最频繁的页进行缓存充分地提高 Web 服务器的吞吐量(通常以每秒的请求数计算)以提升应用程序性能和可伸缩性。
介绍一些基础知识:
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和一个空的响应体。

 

示例代码
下面的例子描述如何使用服务器端代码去操作客户端缓存:

复制内容到剪贴板
代码:
1 //默认缓存的秒数
2 int secondsTime = 100;
3
4 //判断最后修改时间是否在要求的时间内
5 //如果服务器端的文件没有被修改过,则返回状态是304,内容为空,这样就节省了传输数据量。如果服务器端的文件被修改过,则返回和第一次请求时类似。
6 if (request.Headers["If-Modified-Since"] != null && TimeSpan.FromTicks(DateTime.Now.Ticks - DateTime.Parse(request.Headers["If-Modified-Since"]).Ticks).Seconds < secondsTime)
7 {
8     //测试代码,在这里会发现,当浏览器返回304状态时,下面的日期并不会输出
9     Response.Write(DateTime.Now);
10
11     response.StatusCode = 304;
12     response.Headers.Add("Content-Enco**", "gzip");
13     response.StatusDescription = "Not Modified";
14 }
15 else
16 {
17     //输出当前时间
18     Response.Write(DateTime.Now);
19
20     //设置客户端缓存状态
21     SetClientCaching(response, DateTime.Now);
22 }
23
24 #region SetClientCaching..
25 /// <summary>
26 /// 设置客户端缓存状态
27 /// </summary>
28 /// <param name="response"></param>
29 /// <param name="lastModified"></param>
30 private void SetClientCaching(HttpResponse response, DateTime lastModified)
31 {
32     response.Cache.SetETag(lastModified.Ticks.ToString());
33     response.Cache.SetLastModified(lastModified);
34     //public 以指定响应能由客户端和共享(代理)缓存进行缓存。
35     response.Cache.SetCacheability(HttpCacheability.Public);
36     //是允许文档在被视为陈旧之前存在的最长绝对时间。
37     response.Cache.SetMaxAge(new TimeSpan(7, 0, 0, 0));
38     //将缓存过期从绝对时间设置为可调时间
39     response.Cache.SetSli**Expiration(true);
40 }
41 #endregion

如果你的缓存是基于文件的方式,如XML或http中的.ashx处理,也可以使用下面的基于文件方式的客户端缓存:

复制内容到剪贴板
代码:
1 #region SetFileCaching..
2 /// <summary>
3 /// 基于文件方式设置客户端缓存
4 /// </summary>
5 /// <param name="fileName"></param>
6 private void SetFileCaching(HttpResponse response, string fileName)
7 {
8     response.AddFileDependency(fileName);
9     //基于处理程序文件依赖项的时间戳设置 ETag HTTP 标头。
10     response.Cache.SetETagFromFileDependencies();
11     //基于处理程序文件依赖项的时间戳设置 Last-Modified HTTP 标头。
12     response.Cache.SetLastModifiedFromFileDependencies();
13     response.Cache.SetCacheability(HttpCacheability.Public);
14     response.Cache.SetMaxAge(new TimeSpan(7, 0, 0, 0));
15     response.Cache.SetSli**Expiration(true);
16 }
17 #endregion

如果能正确合理的利用各种不同的缓存,他们会给你带来很多的好处.希望本文已为你当下或将来基于Web的项目提供了一些帮助,并正确地在底层利用Last-Modified和ETag响应头去优化你的项目。希望更多的朋友一起来交流。

分享到:
评论

相关推荐

    利用客户端缓存对网站进行优化的原理分析第1/2页

    很多人首先会想从服务器缓存方面着手对程序进行优化,许多不同的服务器缓存方式都有他们自己的特点,像我曾经参与的一些项目中,根据缓存的命中率不同使用过 Com+/Enterprise Libiary Caching/Windows服务,静态文件等...

    简书客户端UWP源码

    Windows10正式版发布到现在,我利用零零碎碎的一些时间对UWP进行一些学习,也基于这门技术开发了一个第三方的简书App. 基本界面 优酷视频: http://v.youku.com/v_show/id_XMTM2MjU4MjI4NA==.html 基本功能 客户端...

    MYSql高级教程-存储引擎和SQL优化

    在该层,服务器会解析查询并创建相应的内部解析树,并对其完成相应的优化如确定表的查询的顺序,是否利用索引等, 最后生成相应的执行操作。如果是select语句,服务器还会查询内部的缓存,如果缓存空间足够大,这样...

    为Deno构建的GraphQL-原生GraphQL缓存客户端和服务器模块-Node.js开发

    来自Lascaux的Obsidian在SSR React项目中提供GraphQL查询抽象和缓存功能,提高了应用程序的性能规范化缓存,优化了内存管理,以保持站点的轻量和快速全栈集成,利用客户端和服务器端缓存来简化缓存策略概述Obsidian...

    Android项目源码开源的 Material Design 豆瓣客户端.zip

    应用除了对少数内容进行缓存,其他内容均直接从网络获取。 基于 Android 账户系统提供用户账户和身份认证。 使用 Volley 及部分自定义增强处理网络请求。 使用 Gson 自动填充数据模型。 使用 Glide 加载图片。 ...

    iNethinkCMS网站内容管理系统v1.320130506

    标签模型:每个网站界面不同,从而对数据信息利用方式不同。系统的标签引擎采用全开放数据库读取模型,使用者可以为网站界面轻松组合出任意数据信息。 面向用户群体: 为了保持系统最大的扩展性和最终用户的无限...

    CMS信息管理系统v1.2源码 带文档2012811

    标签模型:每个网站界面不同,从而对数据信息利用方式不同。系统的标签引擎采用全开放数据库读取模型,使用者可以为网站界面轻松组合出任意数据信息。 面向用户群体 为了保持系统最大的扩展性和最终用户的无限创造...

    迈思网站内容管理系统(MyStepCMS) 1.0.5.zip

    通过插件系统,可以根据您的需要对网站无线扩展、无缝结合,成为您所系统的任意类型的内容网站。MyStepCMS的模板系统易学易用,只需有一点HTML 的知识就可以无障碍的编辑。应用MyStepCMS搭建网站,您需要的仅仅是...

    嵌入式流媒体客户端缓冲控制策略的研究 (2005年)

    围绕网络流媒体技术以及嵌入式环境的特点,阐述了流媒体传输控制中的平均速率、时延抖动、丢包率等各项重要控制参数,以及对这些重要参数进行测算的优化算法;提出了利用平均速率、时延抖动和辅助系数77这三个参数...

    MyStepCMS 迈思网站内容管理系统 v1.0.5.zip

    通过插件系统,可以根据您的需要对网站无线扩展、无缝结合,成为您所系统的任意类型的内容网站。MyStepCMS的模板系统易学易用,只需有一点HTML 的知识就可以无障碍的编辑。应用MyStepCMS搭建网站,您需要的仅仅是...

    mysql -参数thread_cache_size优化方法 小结

    根据调查发现以上服务器线程缓存thread_cache_size没有进行设置,或者设置过小,这个值表示可以重新利用保存在缓存中线程的数量,当断开连接时如果缓存中还有空间,那么客户端的线程将被放到缓存中,如果线程重新被请求...

    基于SpringBoot+Mybatis开发的主从架构的Steam商城,详情请看README+源代码+文档说明+数据库sql

    * 客户端不断轮询缓存,查询到对应的秒杀订单,则秒杀成功 秒杀的一些优化(借鉴了网上的思路): * 增加了秒杀的随机路径,防刷 * 在秒杀开始前需要验证码输入,延缓压力 * 利用redis的缓存,限制每个用户的每...

    UnifiedRedisPlatform.Core:Unified Redis Platform是用于将多个Redis缓存整合到单个集群的解决方案。 群集可以由多个应用程序共享,但可以为每个应用程序提供适当的隔离。 这是统一Redis平台的客户端核心SDK

    在对我们的Azure订阅进行成本分析后,我们意识到用于Redis的Azure缓存是支出最高的来源之一。 在我们的微服务生态系统中,每个服务针对每个环境使用其自己的隔离Redis Cache。 这与整个行业中的许多服务和生态系统...

    odoo-rpc-client:Odoo RPC客户端库

    特征Python 3.5+支持您可以在任何OpenERP / Odoo对象上调用任何公共方法,包括:读取,搜索,写入,取消链接等进行了大量速度优化(缓存,仅读取请求的字段,读取当前集合(缓存)中所有记录的数据,通过一个RPC...

    已编译版本solr-8.11.2.tgz

    并对其进行了扩展,提供了比Lucene更为丰富的查询语言,同时实现了可配置,可扩展并对查询性能进行了优化,提供了一个完善的功能管理页面,是一款非常优秀的全文搜索引擎。 3,solr工作方式 文档通过http利用xml加...

    分布式VoD系统中一种分层的缓存管理策略

    该文基于一种灵活的热度估计方法对系统中的存储资源进行分层分析,给出一种减小服务器磁盘I/O负载的优化式及其次优解,同时针对客户节点的不稳定特性提出一种以二次规划为基础的数据置换算法.仿真实验结果表明热度的...

    citrix 中文管理操作手册

    对具有冲突规则的策略进行故障排除 78 确定最终生成的策略 78 未配置任何策略规则时 78 删除策略 78 禁用策略 78 重新启用策略 79 启用扫描仪和其他 TWAIN 设备 79 启用 TWAIN 重定向配置 80 管理会话环境和连接 81 ...

    基于对象存储系统的对象文件系统设计 (2006年)

    通过对不同文件大小、不同文件分块大小条件下文件系统的性能进行测试分析,找出系统的数据传输瓶颈,使用以对象属性为导向的缓存和预取技术以及聚合读写的方法对文件系统进行了优化.优化后读写吞吐率分别提高了60 ...

Global site tag (gtag.js) - Google Analytics