WordPress实现HTML5预加载方法

今天王桂明给自己博客头部增加一段代码，那就是HTML5预加载。代码放在header.php里，如图：

WordPress实现HTML5预加载方法,如果你想问可以做到多快，可以说你的鼠标还没反应过来页面就已经打开了，当然预加载快慢和服务器性能是相关的，如果服务器带宽差的话，预加载反而会起到相反的效果WordPress实现HTML5预加载方法很简单，只要将下面的代码添加到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才行，所以IE9以下浏览器是不支持的，起不到预加载的效果，当然也没什么坏处。

» 本文链接： http://www.0523jz.com/1485.html

» 订阅本站： http://www.0523jz.com/feed

» 转载请注明来源：王桂明's Blog » 《WordPress实现HTML5预加载方法》

Tags: HTML5预加载, wordpress 相关文章分享

已经有3个回复

Comment (3)

Trackbacks (0)

珠海装修公司　( 2015.10.23 12:07 ) : #-5

来看你了
Reply
拽立网　( 2015.10.13 11:28 ) : #-4

好方法，省去很多代码麻烦！
Reply
- 王桂明　( 2015.10.13 11:50 ) :
  
  @拽立网: 加入代码后感觉打开网页快多了。
  
  Reply