网页优化系列二:使用Cache缓存静态文件、图片(asp.net版)

简介:

网站中存在一些不会经常变更的内容如静态文件、图片等,我们称之为静态资源。针对这些静态资源使用cache缓存到客户端中,以减少用户再次浏览该网页时的请求量,从而加速了网页的加载、呈现速度。同样,要设置静态资源缓存到客户端,我们需要加一个中间层来处理静态资源的请求。下面以图片为例进行说明。(若图片十分巨大情况下才使用该方法,若图片k级数的话,初次加载速度会更慢,因为IIS对于静态文件和动态文件的处理是不同的,如果图片容量小,动态文件处理的时间占大部分总体加载时间

  未优化:

  Default.aspx

复制代码
1 <html>
2 <head>
3 <head>
4 <body>
5 <img src="images/back.gif"/>
6 <body>
7 </html>
复制代码

首次访问和再次访问页面都要向服务器请求图片。

  优化后:

 Default.aspx:

复制代码
1 <html>
2 <head>
3 <head>
4 <body>
5 <img src="ImageRequestHandler.ashx?p=images/back.gif"/>
6 <body>
7 </html>
复制代码

ImageRequestHandler.ashx

复制代码
 1 public void ProcessRequest (HttpContext context) {
2 string path = context.Server.MapPath(context.Request.QueryString[0]);
3 string suffix = path.Split('.')[path.Split('.').Length-1];
4 context.Response.ContentType = string.Format("image/{0}",suffix.ToLower().Equals("png")?"x-png":suffix);//设置MIME,如果是png文件,MIME信息为text/x-png
5 context.Response.Expires = 60*24*30;//设置图片30天过期
6 ImageFormat ift = ImageFormat.Jpeg;//设置默认文件格式
7 Image img = Image.FromFile(path);
8 if(suffix.ToLower().Equals("gif"))
9 {
10 ift = ImageFormat.Gif;
11 }else if(suffix.ToLower().Equals("png"))
12 {
13 ift = ImageFormat.Png;
14 }
15 MemoryStream ms = new MemoryStream();
16 img.Save(ms,ift);
17 context.Response.OutputStream.Write(ms.GetBuffer(),0,ms.Length);
       ms.Close();
       ms.Dispose();
       img.Dispose();
18 }
复制代码

  这里只处理了gif、Jpeg和png格式的图片文件,其他格式的图片文件大家按实际添加修改。假如处理中没有png格式的文件,那么15行至17行的代码可以改写成

img.Save(context.Response.OutputStream,ift);

那是为什么呢?那是因为Response.OutputStream这个流的无法往回读取造成的,也就是它的CanSeek属性是false。png图像生成的时候不像jpeg,不是流式的,已经写入的就不再管了,而是需要往回不断地写入结构数据。但是response流无法往回seek,所以直接用就不行了。改成一个可以seek的MemoryStream,先生成好png图片,然后再输出到response流。否则会出现GDI+一般性错误。

请求数一样但图片是从cache中获取的,也没有出现请求服务器后,服务器返回304的情况。

 

下面总结一下设置文件缓存到cache后,触发读取cache已有文件的操作。前提:文件还没过期

1.在浏览器地址栏输入地址,按跳转;

2.点击页面上的超链接;

3.触发服务器控件的事件;

4.脚本代码使用window.open(),location.href='',location.assign(),location.replace()。

 

下面是即使文件还没过期也不会读取cache中已有文件的操作。

1.按浏览器的刷新按钮;

2.脚本代码使用location.reload()。

 

关于浏览器的后退和前进按钮,它们与文件是否启用了缓存无关。它们是调用的是history cache中的文件。

 

更多:网页优化系列三:使用压缩后置viewstate

如果您觉得本文的内容有趣就扫一下吧!捐赠互勉!


本文转自^_^肥仔John博客园博客,原文链接:http://www.cnblogs.com/fsjohnhuang/archive/2011/11/08/2241049.html,如需转载请自行联系原作者

相关文章
|
26天前
|
存储 缓存 NoSQL
【Azure Redis 缓存】关于Azure Cache for Redis 服务在传输和存储键值对(Key/Value)的加密问题
【Azure Redis 缓存】关于Azure Cache for Redis 服务在传输和存储键值对(Key/Value)的加密问题
|
7天前
|
缓存 JavaScript 中间件
优化Express.js应用程序性能:缓存策略、请求压缩和路由匹配
在开发Express.js应用时,采用合理的缓存策略、请求压缩及优化路由匹配可大幅提升性能。本文介绍如何利用`express.static`实现缓存、`compression`中间件压缩响应数据,并通过精确匹配、模块化路由及参数化路由提高路由处理效率,从而打造高效应用。
29 5
|
7天前
|
缓存 NoSQL Java
瑞吉外卖项目笔记+踩坑2——缓存、读写分离优化
缓存菜品、套餐数据、mysql主从复制实现读写分离、前后端分离
瑞吉外卖项目笔记+踩坑2——缓存、读写分离优化
|
17天前
|
存储 缓存 前端开发
缓存技术在软件开发中的应用与优化策略
缓存技术在软件开发中的应用与优化策略
|
26天前
|
缓存 NoSQL 网络协议
【Azure Redis 缓存】Redisson 连接 Azure Redis出现间歇性 java.net.UnknownHostException 异常
【Azure Redis 缓存】Redisson 连接 Azure Redis出现间歇性 java.net.UnknownHostException 异常
|
20天前
|
Java 开发者 JavaScript
Struts 2 开发者的秘籍:隐藏的表单标签库功能,能否成为你下个项目的大杀器?
【8月更文挑战第31天】Struts 2表单标签库是提升Web页面交互体验的神器。它提供丰富的标签,如`&lt;s:textfield&gt;`和`&lt;s:select&gt;`,简化表单元素创建与管理,支持数据验证和动态选项展示。结合示例代码,如创建文本输入框并与Action类属性绑定,显著提升开发效率和用户体验。通过自定义按钮样式等功能,Struts 2表单标签库让开发者更专注于业务逻辑实现。
38 0
|
20天前
|
缓存 NoSQL 数据库
【超实用秘籍】FastAPI高手教你如何通过最佳实践构建高效Web应用:从代码组织到异步编程与缓存优化的全方位指南!
【8月更文挑战第31天】FastAPI凭借出色性能和易用性成为现代Web应用的首选框架。本文通过示例代码介绍构建高效FastAPI应用的最佳实践,包括开发环境搭建、代码模块化组织、异步编程及性能优化等。通过模块化设计和异步数据库操作,结合缓存技术,大幅提升应用性能与可维护性,助您轻松应对高并发场景。
25 0
|
26天前
|
缓存 NoSQL Redis
【Azure Redis 缓存】C#程序是否有对应的方式来优化并缩短由于 Redis 维护造成的不可访问的时间
【Azure Redis 缓存】C#程序是否有对应的方式来优化并缩短由于 Redis 维护造成的不可访问的时间
|
26天前
|
缓存 NoSQL Redis
【Azure Redis 缓存】Azure Cache for Redis 服务的导出RDB文件无法在自建的Redis服务中导入
【Azure Redis 缓存】Azure Cache for Redis 服务的导出RDB文件无法在自建的Redis服务中导入
|
27天前
|
缓存 开发框架 NoSQL
【Azure Redis 缓存】VM 里的 Redis 能直接迁移到 Azure Cache for Redis ? 需要改动代码吗?
【Azure Redis 缓存】VM 里的 Redis 能直接迁移到 Azure Cache for Redis ? 需要改动代码吗?