你的位置:首页 > 网页设计

[网页设计]记一次页面优化及使用缓存机制

一、使用html5的缓存机制

1.先上规则代码:m.manifest

CACHE MANIFEST# 2015-04-24 14:20#直接缓存的文件CACHE:/templates/specialty/css/style.css/templates/specialty/js/jquery.js/templates/specialty/js/index.js/templates/specialty/js/custom.js/templates/specialty/js/97zzw.jsNETWORK:*

CACHE: 需要缓存的文件

NETWORK: 需要从网络加载的文件

当然还有其他参数,但我只测试这些;注意:时常变化的就不要缓存了,如果已缓存可以通过修改manifest文件,让浏览器重新创建缓存。

2.在<html>中添加规则文件<html manifest="m.manifest">

<!DOCTYPE html><html manifest="m.manifest"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><meta name="viewport" content="width=device-width, initial-scale=1.0">

3.manifest 文件需要配置正确的 MIME-type,即 "text/cache-manifest"。必须在 web 服务器上进行配置。

如果使用的是Apache,可在 .htaccess 中添加:

AddType text/cache-manifest manifest

以上3步完成,这时就可以测试了

chrome下:

状态码304,使用缓存。

Firefox下:

海口旅游住哪里比较方便海口旅游住宿攻略海口旅游最佳时间甜蜜出行,十个情侣旅游胜地 2012教师节武汉欢乐谷及周边景点门票全面 厦门鼓浪屿教堂大搜罗 稻城亚丁特色美食-贝母鸡 成都武侯祠老年人门票价格 成都极地海洋世界表演时间表 松山湖汽车站到百花洲坐几路车?松山湖到梦幻百花洲在哪坐车? 七里香溪漂流门票2015-5-7月衢州七里香溪漂流门票价格 东莞观音山仙泉游泳馆门票多少钱?观音山仙泉游泳馆票价? 2015广东冬天哪里最好玩?广东冬天带孩子适合去哪玩? 2015“世界雪日”暨国际儿童滑雪节在西岭雪山举办 深圳哪里有骑马的?深圳骑马去什么地方好玩? MOSFET Semiconductor PZU18B1A,115 Datasheet MOSFET Semiconductor PZU18B2A,115 Datasheet T356A104K035AS Datasheet T356A104K035AS7301 Datasheet FKP1T011504D00JB00 Datasheet FKP1T011504D00JF00 Datasheet 浙江到莫桑比克旅游 浙江到莫桑比克旅游 浙江到莫桑比克旅游 浙江到墨西哥旅游 浙江到墨西哥旅游 浙江到墨西哥旅游