【WordPress/HTML5】WordPress开启HTML5缓存机制加速

By | 2014年11月23日


 

第一步:给你的主机增加MIME,这个有两种方法:


一、是在.htaccess中增加如下代码:

AddType text/cache-manifest manifest

二、打开Cpanel控制面板 最下面 高级》MIME中增加:


第二步:创建一个名为cache.html网页,内容如下:

<!DOCTYPE html>
<html manifest="http://www.onedou.com/wp-content/themes/onedou-wow/cache.manifest">
<head>
<meta charset="utf-8" />
<title>OneDou cache page</title>
</head>
<body>
This is the onedou.com cache page!<br /> Have Fun!
</body>
</html>

第三步:创建cache.manifest文件:

CACHE MANIFEST
 
# VERSION 0.3
 
# 直接缓存的文件
CACHE:
abc.html
images/logo.png
js/main.js
css/style.css
#根据自己的情况添加,支持绝对路径和相对路径,但不支持通配符,如images/*
 
# 需要在时间在线的文件
NETWORK:
/wp-admin/

第四步:打开footer.php 在</body>之前增加如下内容:

<iframe frameborder="0" height="0" src="<?php bloginfo('stylesheet_directory'); ?>/cache.html"></iframe>

第五步:

将cache.html和cache.manifest上传到当前主题文件夹下,博客就启用了缓存,试试打开之后,再打开其他的页面,速度是不是加快了呢?

你发现了cache.html是隐藏在框架了,这样做是有其原因的,为了防止缓存当前页面的时候,连发布的文章都无法显示,而需要的公共资源则从cache.html调用,防止浏览的页面所有内容也被缓存。