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

WordPress实现HTML5预加载方法

WordPress实现HTML5预加载方法

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/feed
已经有3个回复
Comment (3)
Trackbacks (0)
  1. 珠海装修公司  ( 2015.10.23 12:07 ) : #-5

    来看你了

    Reply
  2. 拽立网  ( 2015.10.13 11:28 ) : #-4

    :roll: 好方法,省去很多代码麻烦!

    Reply
  1. 还没有Trackbacks