HTML 5缓存机制:Cache Manifest配置实例
Cache Manifest是HTML 5的一种缓存机制,文章作者直接用博客当测试环境,虽然[color=#444444 !important]应用起来非常简单,但效果却出奇的好。缓存后的速度,简直是惊人的快。像Yslow显示,打开一个缓存过的页面,只要0.729秒,比不缓存的差不多快了10倍。
一、Cache Manifest基础知识
作为一个Web开发相关的人员,都不会少听到、看到Cache这个词。是的,上面也已经说了,它是一种缓存的机制。它可以通过一个.manifest文件来配置需要缓存的或者一定要保持联网缓存的文件。而重点就是这个.manifest文件,这里进行了简单的整理:
◆MIME TYPE:text/cache-manifest
◆需要由你创建的:NAME.manifest
◆作用:主要是配置需要缓存的文件
二、如何实现
实现起来倒是非常简单(当然,这也是有问题的,这个我们后面讲解决方案),实现步骤如下:
1.在服务器上添加MIME TYPE支
比如 Apache 中可在 .htaccess 中添加:
以下是引用片段:
AddType text/cache-manifest manifest
2.创建 NAME.manifest:
其中第一行的CACHE MANIFEST标识是一定要有的,而CACHE/NETWORK/FACKBACK 都是可选的。如果没有写标识,则默认缓存,Cache就不用说了,缓存;NETWORK指不想缓存的页面,比如登陆页等;FALLBACK 是指当没有响应时的替代方案,比如我想请求某个页面,但这个页面的服务器挂了,那么,我可以显示另外一个指定的页面,文件结构如下:
以下是引用片段:
CACHE MANIFEST
# VERSION 0.3
# 直接缓存的文件
CACHE: abc.html
images/sofish.png
js/main.js
css/layout.css
# 需要在时间在线的文件
NETWORK:
/wp-admin/
# 替代方案
FALLBACK: /
ajax/ ajax.html
至于如何更新这个配置文件?只要改变文件的内容即可,上面的# VERSION 0.3其实只是一行注释,但改变文件可以重新缓存,这样写上版本号,想更新的时候修改版本号来重新缓存,是一种比较推荐的方法,甚至可以是最佳实践。
3.给&html&标签加manifest属性
相关文章
- Silverlight实用窍门系列:50.InkPresenter涂鸦板的基本使用,以及将效果保存为Png图片【附带源码实例】
- Android实例-TRectangle加载图片(XE8+小米2)
- 2.ES6-数组实例的 find() 和 findIndex()
- Python编程之列表操作实例详解【创建、使用、更新、删除】
- .Net配置文件——反射+配置文件存储类型实例
- ThinkPHP分页实例
- Cocos2d-x中Vector<T>容器以及实例介绍
- MySQL · 最佳实践 · RDS 只读实例延迟分析
- IPv6-IPv4过渡技术详解及配置实例
- IPv6 to IPv4过渡技术——ISATAP配置实例
- MPLS VXN配置实例
- 华为PIM-SSM配置实例
- ASP.NET Core 6框架揭秘实例演示[06]:依赖注入框架设计细节
- jQuery UI 实例 - 日期选择器(Datepicker)
- Python3.2官方文档翻译--实例对象和方法对象
- Objective-C(十八、谓语使用及实例说明)——iOS开发基础
- 海思HI35xx平台软件开发快速入门之H264解码实例
- 基于JAVA实现的WEB端UI自动化 - WebDriver框架篇 - ant使用 - ant安装、环境变量配置、ant实例及运行Ant Build 出现问题的解决方法
- 华为USG6000防火墙安全策略配置实例(CLI方式)