WordPress实现HTML5预加载

HTML5

  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 简体中文版下载

WordPress实现HTML5预加载

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/10395.html