WordPress实现HTML5预加载要领很简朴,把下面代码:
1.<?php if (is_archive() && ($paged > 1) && ($paged < $wp_query->max_num_pages)) { ?>2.<link rel="prefetch" href=http://down.chinaz.com/"<?php echo get_next_posts_page_link(); ?>">
3.<link rel="prerender" href=http://down.chinaz.com/"<?php echo get_next_posts_page_link(); ?>">
4.<?php } ?>
加到header.php模版,<head> 与</head> 之间。
还可以按照本身的需要对上面的代码举办适当的修改,譬喻加个判定预读首页等。
1.<?php if (is_archive() && ($paged > 1) && ($paged < $wp_query->max_num_pages)) { ?>2.<link rel="prefetch" href=http://down.chinaz.com/"<?php echo get_next_posts_page_link(); ?>">
3.<link rel="prerender" href=http://down.chinaz.com/"<?php echo get_next_posts_page_link(); ?>">
4.<?php } elseif (is_singular()) { ?>
5.<link rel="prefetch" href=http://down.chinaz.com/"<?php bloginfo('home'); ?>">
6.<link rel="prerender" href=http://down.chinaz.com/"<?php bloginfo('home'); ?>">
7.<?php } ?>
由于预加载是HTML5的一部门,今朝并不是所有欣赏器都支持,好比:Internet Explorer就不可了。而Firefox、chrome和opera支持该技能。因此假如会见者的欣赏器不支持预加载,将什么结果也没有。
至于真的有什么实际结果只能本身去体会了。
WordPress下载
WordPress v3.5.2 简体中文版下载