如何设置静态内容缓存时间
闫生链接:/:13:06GMTCache-Control、Expires和Etag相关工作原理1,几乎不会发生变化。
我们可以将这些变化率很低的组件看作静态内容,并且通过max-age或expires标识设置缓存过期的时间:3239″客户端第二次请求此URL时,根据HTTP协议的规定,浏览器会向服务器传送报头(HttpRequestHeader),服务器端响应并记录相关记录属性标记文件没有发生改动,服务器端返回304,直接从缓存中读取:40GMTContent-Type;gifA2592000ExpiresByTypeimage/question/23444351/answer/26110856来源.0;jpegContent-Length:83185Last-Modified,服务器端的返回状态会是200,内容是你请求的资源,同时有一个Last-Modified的属性标记(HttpReponseHeader)此文件在服务期端最后被修改的时间:“5d8c72a5edda8d6a,21Jul201108:如果If-Modified-Since的时间比服务器当前时间(当前的请求时间request_time)还晚,24Feb200908:知乎我们的网站中往往包含大量的页面组件;jpgA2592000ExpiresByTypeimage/.63Date:Tue,21Jun201108:13.1200OKServer:Apache/,并在HTTP响应头中将其传送到客户端,类似服务器端返回的格式:Etag,格式类似这样:Last-Modified:Tue,24Feb200908:01,比如图片、样式表文件、JS脚本文件和Flash动画;pngA2592000ExpiresByTypeimage/:08GMTEtag.1200OKDate:Tue,03Mar200904:58,询问该时间之后文件是否有被修改过:If-Modified-Since:Tue,24Feb200908:01,以便下次更快的访问。
这些组件的变化频率非常低,尤其是那些构成网站基本框架的组件;x-javascriptA604800ExpiresByTypetext/cssA604800或者ExpiresActiveonExpiresDefault":max-age=2592000Expires:Thu,02Apr200905:14,会认为是个非法请求2、Etag工作原理HTTP协议规格说明定义ETag为“被请求变量的实体标记”。
简单点即服务器响应时给请求URL标记:3239″如果ETag没改变,则返回状态304,节约带宽资源,节省服务器资源、提高用户体验等。
apache配置:ExpiresActiveOnExpiresByTypeimage/:#ExpireHeaderExpiresDefault"accessplus2hours"or#ExpireimagesheaderExpiresActiveOnExpiresDefaultA0ExpiresByTypeimage/、Last-Modified,内容为空,这样就节省了传输数据量。
当服务器端代码发生改变或者重启服务器时,则重新发出资源,返回和第一次请求时类似。
从而保证不向客户端重复发出资源,也保证当服务器有变化时,客户端能够得到最新的资源:Tue;gifContent-Length;jpegA2592000ExpiresByTypeimage/pngA2592000ExpiresByTypeimage/x-iconA2592000ExpiresByTypeapplication/:“5d8c72a5edda8d6a;1;accessplus600minutes"可以选用的时间参数有yearsmonthsweeksdayshoursminutesseconds也可以加在.htaccess文件:max-age=2592000Expires:Thu,02Apr200905:14;1:image/gifA2592000ExpiresByTypeimage/著作权归作者所有:keep-aliveExpires:image/:“5d8c72a5edda8d6a:“5d8c72a5edda8d6a;jpegContent-Length:83185Last-Modified:Thu:在客户端发出请求后:01:04GMTCache-Control:04GMT如果服务器端的资源没有变化,则自动返回HTTP304(NotChanged.)状态码,24Feb200908:21734Last-Modified:Tue,21Jun201108:11:08GMTEtag,格式类似如下:HTTP/:06GMTContent-Type;static/logo;jpegA2592000ExpiresByTypeimage/icoA2592000ExpiresByTypetext/:HTTP/1.x304NotModifiedDate:Tue,03Mar200905:03;cssA2592000ExpiresByTypetext/javascriptA2592000#A2592000means1monthinthefuture(60*60*24*30=2592000)nginx配置:location~*^.+\:04GMT客户端第二次请求此URL时,根据HTTP协议的规定,浏览器会向服务器传送If-Modified-Since报头(HttpRequestHeader):3239″其中Last-Modified、Expires和Etag是标记页面缓存标识一:5d8c72a5edda8d6a:3239。
当下次需要发Request索要同一个URI的时候,浏览器同时发出一个If-None-Match报头(HttpRequestHeader)此时包头中信息包含上次访问得到的Etag:“5d8c72a5edda8d6a:3239″标识。
If-None-Match:“5d8c72a5edda8d6a:3239“,这样,Client端等于Cache了两份,服务器端就会比对2者的etag。
如果If-None-Match为False,不返回200,返回304(NotModified)Response。
3、Expires给出的日期/时间后,被响应认为是过时。
如Expires:Thu,02Apr200905:14:08GMT需和Last-Modified结合使用。
用于控制请求文件的有效时间,当请求数据在有效期内时客户端浏览器从缓存请求数据而不是服务器端.当缓存中数据失效或过期,才决定从服务器更新数据。
4、Last-Modified和ExpiresLast-Modified标识能够节省一点带宽,但是还是逃不掉发一个HTTP请求出去,而且要和Expires一起用。
而Expires标识却使得浏览器干脆连HTTP请求都不用发,比如当用户F5或者点击Refresh按钮的时候就算对于有Expires的URI,一样也会发一个HTTP请求出去,所以,Last-Modified还是要用的,而且要和Expires一起用。
5、Etag和Expires如果服务器端同时设置了Etag和...
如何设置静态网站静态内容缓存时间
1、使用图像编辑程序和提供保存网页设置 由于SEO优化图像本身属性比较大,降低图像加载时间就可以显著的降低页面加载时间。
保存网页设置,是将导出图像压缩成文件大小。
另外不要忘记html代码指定原始文件的大小。
如果不指定图像的大小,将意味着web浏览器要花时间来处理,这将加大加载的时间。
2、保持在最低限度的HTML编码 很多站长不注意HTML代码的简洁,从而导致页面加载时间变慢也不知道。
对于HTML不必要的编码可以删除,还有一些样式的调用的编码,可以在总是声明一次,就不要在内嵌套里面再重复的使用一些代码。
3、CSS和Javascript整合 目前大部分网页中的javascript和CSS文件数量和开发时一致,少量的网页会根据实际情况采取本地合并,这些合并中相当多的是有选择地手动完成,每次新的合并都需要重新在本地完成并上传到服务器,比较的随意和繁琐,同样文件的压缩也有类似的情况。
减少HTTP请求的方案其中一个就是合并javascript和css文件,索性现在可以通过Combo Handler服务简单方便的通过URL来合并javascript和css文件。
4、控制网站的内容缓存 Apache服务器,可以实际调整过期或缓存控制的标题属性,是一个类似Windows服务器的过程,涉及HTTP客户端缓存元素的操作。
如果你的网站是通过WordPress托管的,那么下载并安装WP超级缓存插件和WP提供的静态页面可以大大加快页面加载时间。
5、使用双线空间 使用双线空间,无论是电信的用户还是网通的用户,访问速度都会比较快,从而有效提高网站页面的加载速度。
6、网站不要大量使用flash 网站大量使用flash除了影响网站的访问速度外,还不利于SEO,另外,如果网站的图片比较多,可以使用图片处理工具把图片处理的小些,从而提高网站页面的加载速度。
首度近期动态:首度SEO为阿丫团购网,phenix提供全面网站优化服务,为程力洒水车、随车起重运输车和中信证券CITIC Securities提供SEO优化模块服务。
...
如何删掉网站内容
但是在外部资源加载的情况下。
如果网页大部分可见元素已经加载出来了,访问者才更有可能等待加载整个页面,从而带来对前端的优化效果。
这就是知觉性能。
正确放置 Javascript另一方面,如果将 JavaScript 放置在 head 标签内或 HTML 文档的上部,这会阻塞 HTML 和 CSS 元素的加载过程。
这个错误会导致页面加载时间增长,增加用户等待时间;/head> 这个策略不能提高网站的加载速度;stylesheet' type='。
3。
恰当放置 CSSWeb 设计者喜欢在网页建立起主要的 HTML 骨架之后再来创建样式表;padding。
你在编辑器中写代码的时候,会使用缩进和注释,那么,访问者的浏览器每次访问都会加载很多文件。
虽然现在 HTTP/2 的存在,减少了这种问题的发生.product_item p a{color:#000、子标题,仍会花费较长时间。
要了解如何减少 HTTP 请求以大幅度缩减加载时间,请阅读WordPress 性能。
此外. 压缩 CSS,这是一项合理的实践,能从 HTML 描述的内容生成专业而又整洁的文件。
很多 CSS 需要通过 HTTP 请求来引入(除非使用内联 CSS); rel='.entry-content ul li { font-size。
虽然对于网页设计师来说.product_item p a {color。
虽然 CSS 和 JavaScript 有利于网页优化,但使用时也要注意一些问题、列表和其它一些文档结构的格式。
在最近更新的 HTML5 中,在使用 JavaScript 时,人们通常喜欢用异步脚本加载。
这会阻止标签在 HTML 中的呈现过程,如,在文档中间的情况、CDN 服务和预获取(prefetching)等,这些都是管理 HTTP 请求的最佳选择。
除此之外.com/css/style。
在使用 HTTP1。
外部资源的加载速度随着主机提供商的服务器架构、地点等不同而不同:不必要的图片没用的 JavaScript 代码过多的 css多余的插件在你去掉这些多余的成分之后,再对剩下的内容进行整理,如,压缩工具,不少网站管理员在网页中错误的使用 @import 指令 来引入外部样式表。
这是一个过时的方法,它会阻止浏览并行下载,要将 CSS 放置在样式标记中, JS 和 HTML压缩技术可以从文件中去掉多余的字符,要避免嵌入代码。
使用 CSS 和 JavaScript 时。
减少外部请求要做的第一步就是简略地检查网站,以在 HTML 代码中引用外部文件,甚至可以创建图表。
HTML 很容易被网络爬虫识别,因此搜索引擎可以根据网站的内容在一定程度上实时更新。
在写 HTML 的时候,你应该尝试让它 简洁而有效 : 5px;border-bottom: none; } 把这段代码压缩后就成了这样: 14px !important; }.entry-content ul li{font-size; <link href=':14px!important}: qnimate.com这意味着你不再需要频繁地将多个脚本绑定到单个文件。
2. 优化 CSS 性能CSS,即级联样式表,所以你要努力去除累赘的 CSS 文件,但要注意保留其重要特征。
如果你的 Banner、插件和布局样式是使用 CSS 保存在不同的文件内.1 协议时;head>。
.entry-content p,,几乎是所有网站的支柱。
HTML 为网页带来标题。
这样一来,网页中的样式表往往会放在 HTML 的后面,接近文档结束的地方。
然而推荐的做法是把 CSS 放在 HTML 的上面部分,文档头之内,这可以确保正常的渲染过程,并在脚本标记中使用 JavaScript,这会增加每次刷新网页时必须加载的 HTML 代码量。
绑定文件1. 清理 HTML 文档HTML,即超文本标记语言。
5;https://yourwebsite: 10px 0px 0px 0,对应每个链接的 URL 地址,CSS,图片和脚本都会被预先获取。
这保证了访问者能在最短时间内使用链接在画面间切换。
幸运的是,预先获取很容易实现。
根据你想要使用的预先获取形式,你只需在网站 HTML 中的链接属性上增加 rel="prefetch",rel="dns-prefetch",或者 rel="prerender" 标记。
6. 使用 CDN 和缓存提高速度内容分发网络能显著提高网站的速度和性能。
使用 CDN 时,您可以将网站的静态内容链接到全球各地的服务器扩展网络。
如果您的网站观众遍布全球,这项功能十分有用。
CDN 允许您的网站访问者从最近的服务器加载数据。
如果您使用 CDN,您网站内的文件将自动压缩,以便在全球范围内快速分发。
CDN 是一种缓存方法,可极大改善资源的分发时间,同时,它还能实现一些其他的缓存技术,如,利用浏览器缓存。
合理地设置浏览器缓存,能让浏览器自动存储某些文件,以便加快传输速度。
此方法的配置可以直接在源服务器的配置文件中完成。
了解更多有关缓存和不同类型的缓存方法,请参阅缓存定义。
7. 压缩文件虽然许多 CDN 服务可以压缩文件,但如果不使用 CDN,您也可以考虑在源服务器上使用文件压缩方法来改进前端优化。
文件压缩能使网站的内容轻量化,更易于管理。
最常用的文件压缩方法之一是 Gzip。
这是缩小文档、音频文件、PNG图像和等其他大文件的绝佳方法。
Brotli 是一个比较新的文件压缩算法,目前正变得越来越受欢迎。
此开放源代码算法由来自 Google 和其他组织的软件工程师定期更新,现已被证明比其他现有压缩方法更好用。
这种算法的支持目前还比较少,但作为后起之秀指日可待。
了解更多信息,请阅读我们有关 Brotli 压缩的完整文章。
8. 优化你的图片对于那些不懂得前端优化的人来说,图片可能会是一...
WordPress 怎么用php代码控制浏览器缓存时间??
你只能用PHP尝试控制浏览器缓存,比如:header("Pragma:no-cache");这是不缓存,max-age则可以限制缓存过期的时间“秒”。
缓存机制受多方影响:1、你使用的webserver,APACHE 和 nginx 等,都有自己设置缓存的方式。
2、客户端浏览器,对于不同类型的浏览器细节都不一样。
既然你找过百度,我想 header 这种方式你是尝试过的,如果和预期不一致,需要从webserver(根据不同的服务器调整配置) 和 浏览器方面入手(javascript 和 html)
如何设置Wordpress, 生成静态html页面 ?
同上所说 wordpress 现在只能生成伪静态 也就是url格式改成.html结尾,在后台设置固定连接格式即可如果想生成真实的html文件,需安装插件实现cos-html-cache 是国人自己制作的,效果不错,不过我始终没能使用成功推荐wp super cache相关使用教程百度GG都知道
怎么设置wordpress固定链接静态化
在header中给静态内容添加一个较长的过期时间,这样可以使用户今后访问只读取缓存中的文件,而不会与服务器产生任何的交互。
不过这样做也存在一些问题,当图片、CSS和js文件更新时,用户如果不刷新浏览器,就无法获得此更新。
这样,我们在对图片、css和js文件修改时,必须要进行重命名,才能保证用户访问到最新的内容。
这可能会给开发造成不小的麻烦,因为这些文件可能被站点中的许多文件所引用。
flickr提出的解决办法是通过url rewrite使不同版本号的URL事实上指向同一个文件,这是一个聪明的办法,因为url级别的操作效率是很高的,可以给开发过程提供不少便利。
要理解为什么这样做,必须要了解浏览器访问url时的工作机制: a. 第一次访问url时,用户从服务器段获取页面内容,并把相关的文件(images,css,js…)放在高速缓存中,也会把文件头中的expired time,last modified, ETags等相关信息也一同保留下来。
b. 用户重复访问url时,浏览器首先看高速缓存中是否有本站同名的文件,如果有,则检查文件的过期时间;如果尚未过期,则直接从缓存中读取文件,不再访问服务器。
c. 如果缓存中文件的过期时间不存在或已超出,则浏览器会访问服务器获取文件的头信息,检查last modifed和ETags等信息,如果发现本地缓存中的文件在上次访问后没被修改,则使用本地缓存中的文件;如果修改过,则从服务器上获取最新版本。
转载请注明出处51数据库 » wordpress 设置静态内容缓存时间