为什么重复请求CSS和图片时不返回304

问题描述

response 中包含如下信息:Accept-RangesbytesCache-Controlmax-age=2592000ConnectionKeep-AliveContent-Length4929Content-Typeimage/jpegDateFri, 03 May 2013 07:04:22 GMTEtag"a98107b-1341-4d49550d20780"ExpiresSun, 02 Jun 2013 07:04:22 GMTKeep-Alivetimeout=15, max=95Last-ModifiedThu, 31 Jan 2013 13:07:58 GMTServerApache当我再次请求时, 服务器返回的200和而不是期望的304已经在.htaccess中已经配置:ExpiresActive OnExpiresByType image/gif "access plus 30 days"具体是什么原因引起的呢? 帮助分析一下.

解决方案

Content-Typeimage/jpeg 你请求的是jpg你设置的是ExpiresByType image/gif "access plus 30 days"

时间： 2024-07-30 19:12:10

为什么重复请求CSS和图片时不返回304的相关文章

如何提升网站 遇大并发请求大量小图片时，图片响应缓慢的问题

问题描述 网站允许用户上传自定义头像,上传照片,这些图片普遍不大,处理后在10K~50K之间.粗略统计了下网站90%图片的图片体积在10K到50K之间,目前网站有5w多张图片,总的体积有1.5G左右. 当然网站弄了台专门的图片服务器,可是当图片并发请求大的时候,通过性能监控工具发现 请求磁盘 太过频繁,磁盘非常繁忙,而CPU,网络倒是能应付,图片的响应就有点慢了,我想图片响应缓慢,系统的瓶颈应该在磁盘方面了.服务器内存可供使用的资源还有8个G左右,能否在不升级系统硬件,优化程序来提高大并发请求情

减少HTTP请求之将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片(大型网站优化技术)

原文:减少HTTP请求之将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片(大型网站优化技术) 在网站开发过程中,对于页面的加载效率一般都想尽办法求快.那么,怎么让才能更快呢?减少页面请求 是一个优化页面加载速度很好的方法.上一篇博文我们讲解了 "利用将小图标合成一张背景图来减少HTTP请求",那么,这一篇博文将讲解  " 将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片". 一.为何选择将图片转成二进制并生成Base64编

CSS使用图片做背景，如何精确定位图片位置

问题描述 在别人网站下载图片时,总会遇到这样的图片.对于这种图片,如何精确截取其中一部分作为背景,各位有什么好的办法没?[当然这个'窃取'别人的劳动成果是不对,我只是好奇怎么实现] 解决方案 根据你的图片做了下面的样式,主要做法是定位,切割图片,可以使用windows的画图工具先定位每个你需要的图片的位置(在下面的状态栏有坐标,得到的坐标前面加上一个负号),图片左上角为x/y对应的0/0,background-image:相对地址指定背景图像,background-position:指定背景图像

CSS无图片技术:灵活运用无图片技术优化性能

文章简介:CSS无图片技术,是我们在写CSS样式中需要形成的一种理念,我不必死磕无图片技术,要在实际的项目权衡利弊,根据实际情况,灵活运用无图片技术做一些合理有效的性能优化. 一.无图片技术定义在不使用CSS Image(通过CSS的引入的背景图片,不包括img标签内的图片)情况下生成类似图片效果的技术:换句话的意思就是在使用纯CSS生成类似图片效果的技术.二.为什么要"无图片"?首先我们通过yslow的statistics查看新浪微博最新版首页的文件,得到Stylesheet Fil

CssGaga教程:生成DataURI,抽取图片,下载远程css文件,图片无损压缩

文章简介:CssGaga教程:生成DataURI,抽取图片,下载远程css文件,图片无损压缩. CssGaga – 生成dataURI和MHTML Before: .base64{background-image:url('base64/logo.png');} .base64{border-image:url('base64/logo.png');} 注:要转换的图片文件所在base64文件夹与css同级且引用时为相对路径 After: .base64{background-image:url

CSS背景图片background-image须注意路径问题

css|背景图片|问题 在传统的表格布局中,背景图片是直接应用于表格的,一般情况下CSS的background-image属性使用非常少,或者说根本就不使用.应用CSS网页布局,实现内容与表现.行为相分离,作为页面框架.装饰等图片我们就直接剥离到CSS文件中,通过CSS进行定义. 我们通常用link的方法直接引用一个CSS文件到HTML(或其它活动文档)文件中.我们会发现有时候我们的图片无法显示了.此时,请查看你的CSS代码,是不是重复设置有问题,是不是图片的定位有问题.如果这些都没有问题请去掉

CSS中图片于文本的基线对齐设置

 文字旁边搭配图片时,发现图片比文字靠上,原来默认的情况是图片顶对齐而文字底对齐,通过设置css属性可以使得图片与文字对齐. 设置各对象的vertical-align属性,属性说明: baseline-将支持valign特性的对象的内容与基线对齐 sub-垂直对齐文本的下标 super-垂直对齐文本的上标 top-将支持valign特性的对象的内容与对象顶端对齐 text-top-将支持valign特性的对象的文本与对象顶端对齐 middle-将支持valign特性的对象的内容与对象中部对齐 b

CSS控制图片自适应Div大小

  CSS让图片自适应Div大小,对宽度执行CSS的expression指令,这个指令会在客户端被执行,当用户最大化显示窗口或缩放窗口时控制图片按比例适应Div宽度的大小.以下来看完整的示例代码如下:   浏览器窗口最大化后可看到图片自适应的效果,请替换IMG标签中的图片地址为一个有效的图片地址,以便查看效果.

网站性能优化之CSS无图片技术 提高价值速度

一.无图片技术定义 在不使用CSS Image(通过CSS的引入的背景图片,不包括img标签内的图片)情况下生成类似图片效果的技术;换句话的意思就是在使用纯CSS生成类似图片效果的技术. 二.为什么要"无图片"? 首先我们通过yslow的statistics查看新浪微博最新版首页的文件,得到Stylesheet File(CSS文件)大小为206.8K, CSS Image大小为623.8K.明显发现CSS文件比CSS Image小很多. 当然单纯拿这两个来比,还不能说明什么. 下面我