今天王桂明给自己博客头部增加一段代码,那就是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预加载方法》
已经有3个回复
Comment (3)
Trackbacks (0)
-
还没有Trackbacks
来看你了
@拽立网: 加入代码后感觉打开网页快多了。