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
鸟哥,方便问下滑到哪就加载哪一个模块是怎么做到的吗
来自外部的引用