manifest save for self

時間 2019-11-10

標籤 manifest self 简体版

原文原文鏈接

1、使用html5的緩存機制css

1.先上規則代碼：m.manifesthtml

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.js


NETWORK:
*

CACHE: 須要緩存的文件html5

NETWORK: 須要從網絡加載的文件jquery

固然還有其餘參數，但我只測試這些；注意：時常變化的就不要緩存了，若是已緩存能夠經過修改manifest文件，讓瀏覽器從新建立緩存。web

2.在<html>中添加規則文件<html manifest="m.manifest">chrome

<!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下：

總結：定義規則時注意要緩存那些不是時時更新的數據，不要漏寫NETWORK規則；速度仍是有很是明顯的提高的。