利用HTML5预加载实现给WordPress预加载页面

  HTML5引入了预加载页面技术,可以大幅度提高网站加载时间以及速度,HTML5预加载是一种浏览器机制,使用浏览器空闲时间来预先下载/加载用户接下来很可能会浏览的页面,资源。 ?

利用HTML5预加载实现给wordpress预加载页面

  浏览器载入当前页面完成后,将会在后台下载需要预加载的页面并添加到缓存中。当用户访问某个预加载的链接时,如果从缓存命中,页面就得以快速呈现。

教程

首先在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 } ?>

 

然后将如下代码放到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 } ?>

 

  预加载是HTML5的一部分,目前的话浏览器支持是存在问题的,除了微软的IE一如既往的不兼容了。而Firefox、chrome和opera支持该技术,因此如果访问者的浏览器不支持预加载,将什么效果也没有。

历史上的今天

2015年:远程桌面不能复制粘贴解决办法(0条评论)

2015年:企业运维便捷工具 Tool v2.2.0(精华版)(0条评论)

本文来源 少羽,经授权后发布,本文观点不代表 Mr.xu 博客网 立场,转载请联系原作者。

(1)
打赏 微信扫一扫赞赏 微信扫一扫赞赏 支付宝扫一扫赞赏 支付宝扫一扫赞赏
上一篇 2020年7月18日 09:30
下一篇 2020年7月18日 23:23

相关推荐

发表回复

登录后才能评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

笔者期待与您共勉 · 互赢

有言必答、商务合作、有偿服务

QQ:244439232

邮件:it@xuxiaokun.com

线上沟通:周一至周五 9:30 - 17:30

其余时间Mail或QQ我,有言必应。

244439232

如内容或项目对您或有帮助,为提升网站质量能更好的体现,也便于学习与交流,不妨请博主喝杯咖啡呢。