WordPress教程用Html5预加载实现首页和文章页访问加速

Html5预加载技术简单来讲，就是让浏览器预先加载用户访问当前页后极有可能访问的其他资源(页面，图片，视频，JS，CSS，图片等)。关于浏览器兼容问题，主流的基本都已支持，chrome、火狐、IE（11以上版本）等等都是支持的，即使不支持该功能，也不会对浏览体验有什么不良影响。

代码部署方法

本教程只对WordPress首页和文章页进行代码部署。

1、首页加速

将这段代码放在主题目录下的header.php开头的之后：

<?php if (is_archive() && ($paged > 1) && ($paged < $wp_query->max_num_pages)) { ?>
<link rel="prefetch prerender" href="<?php echo get_next_posts_page_link(); ?>">
<?php } ?>

2、文章加速
将下面的代码放在主题目录下的single.php中，位置无要求，尽量靠前更好。

<?php if (is_archive() && ($paged > 1) && ($paged < $wp_query->max_num_pages)) { ?>
<link rel="prefetch prerender" href="<?php echo get_next_posts_page_link(); ?>">
<?php } elseif (is_singular()) { ?>
<link rel="prefetch prerender" href="<?php bloginfo('home'); ?>">
<?php } ?>

教程结束了，很简单完成后去刷新下缓存看下效果吧。