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

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 } ?>

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

发表评论

后才能评论