HTML5引入了预加载页面技术，可以大幅度提高您的网站加载时间以及速度。
WordPress实现HTML5预加载方法很简单，把下面代码：
- <?php if (is_archive() && ($paged > 1) && ($paged < $wp_query->max_num_pages)) { ?>
- <link rel="prefetch" href="<?php echo get_next_posts_page_link(); ?>">
- <link rel="prerender" href="<?php echo get_next_posts_page_link(); ?>">
- <?php } ?>
加到header.php模版，<head> 与</head> 之间。
还可以根据自己的需要对上面的代码进行适当的修改，例如加个判断预读首页等。
- <?php if (is_archive() && ($paged > 1) && ($paged < $wp_query->max_num_pages)) { ?>
- <link rel="prefetch" href="<?php echo get_next_posts_page_link(); ?>">
- <link rel="prerender" href="<?php echo get_next_posts_page_link(); ?>">
- <?php } elseif (is_singular()) { ?>
- <link rel="prefetch" href="<?php bloginfo('home'); ?>">
- <link rel="prerender" href="<?php bloginfo('home'); ?>">
- <?php } ?>
由于预加载是HTML5的一部分，目前并不是所有浏览器都支持，比如：Internet Explorer就不行了。而Firefox、chrome和opera支持该技术。因此如果访问者的浏览器不支持预加载，将什么效果也没有。
至于真的有什么实际效果只能自己去体会了。
本站文章大部分为原创，用于个人学习记录，可能对您有所帮助，仅供参考！
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接，谢谢合作！
1F
不知道效果怎么样！
2F
请问这个预加载跟主题有关系吗？什么主题都行吗？只要是用wordpress就行吗？
B1
@ nero 是的，任何主题都适用
3F
看不懂到底预加载的是哪些页面…
4F
是啊，ie不支持这是个大难题。
5F
很给力啊
6F
学习了
7F
这个很有用哈 提高了客户体验度
8F
路过看看
9F
好东西，试用一下先~
【发现身边还有很多人用ie6.。。好悲惨】
10F
先试试再说，不管有用没，貌似国外用那三个浏览器的还是多的。
11F
这个功能很不错呀！哈哈
12F
这个貌似不错 等下去试试
13F
鸟哥 请问这个热点新闻的主题 那个关键字是怎么做啊。 我下了一个seo插件 在默认主题上面正常使用。 可是热点新闻的主题 就不行。 是不是我那路设置错了 啊 还是？
14F
应该插个效果图，欣赏下
B1
@ 高邦设计 这玩意那有什么效果图，只能自己体会是否有效果
B2
@ 知更鸟 很想折腾。又怕折腾的挂掉。嘎嘎
15F
终于知道那几行代码什么意思了，又学到了点……
16F
没有效果
17F
学习了
18F
没具体了解这几行代码的含义。已经加进去了，貌似能感觉的到效果，尤其是处于日志页面的时候，打开首页的时候，似乎要快一些。谢谢分享
19F
很不错哦
20F
加了。没看出什么区别。用谷歌浏览器。速度好像差不多
21F
加上了，希望有好的体现~~
22F
bloginfo(‘home’) 这个参数为什么在 http://codex.wordpress.org/Function_Reference/bloginfo 官方没有查询到？具体来说是指什么页面？首页？
23F
就是看不懂加载 页面 是啥意思，应该咋修改，
24F
不知道这种预加载有什么用。假如是所有链接都预加载，那样其实是低效率的，浏览器如何知道我要访问哪些链接？倒不如网站本身实现所有内容预加载，提前实现静态化。
25F
试了一下还是有一点点效果的
26F
鸟哥，方便问下滑到哪就加载哪一个模块是怎么做到的吗
来自外部的引用