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

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


一、使用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“世界雪日”暨国际儿童滑雪节在西岭雪山举办 深圳哪里有骑马的?深圳骑马去什么地方好玩? 大自然的壮美 九曲黄河唐克 PZU18B1A,115 Datasheet PZU18B1A,115 Datasheet PZU18B2A,115 Datasheet PZU18B2A,115 Datasheet PZU18BA,115 Datasheet PZU18BA,115 Datasheet 灵隐寺门票团购 灵隐寺门票团购 灵隐寺门票团购 花城广场怎么去 花城广场怎么去 花城广场怎么去 厦门同安影视城好玩吗 厦门同安影视城好玩吗 厦门同安影视城好玩吗