wordpress利用html5预加载实现首页和文章页访问加速

2018年1月14日00:39:06 1 987

网上有无数种给wordpress加速的方法,凡是有效果的任何一种也不会放过。今天给大家带来一个利用html5预加载实现首页和文章页访问加速的简单教程。本站用的阿里云6元屌丝虚拟机,经过测试,效果的确显著,平时打开速度在1.5秒上下,使用后在1.2秒左右,提高了0.3秒,幅度还是非常显著的。

一、什么是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 } ?>

此时,教程就结束了,刷新下缓存看下效果吧。

    
weinxin
官方QQ交流群
扫一扫加入交流群获取更多资源

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

私信给楼主

目前评论:1   其中:访客  1   博主  0

    • avatar 小强007 1

      可以评论吗