黄聪：WordPress实现HTML5预加载
WordPress實現(xiàn)HTML5預加載方法很簡單，把下面代碼：
?
<?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 } ?>
加到header.php模版，<head> 與</head>之間。
?
還可以根據自己的需要對上面的代碼進行適當?shù)男薷?#xff0c;例如加個判斷預讀首頁等。
?
<?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的一部分，目前并不是所有瀏覽器都支持，比如：Internet Explorer就不行了。而Firefox、chrome和opera支持該技術。因此如果訪問者的瀏覽器不支持預加載，將什么效果也沒有。
?
至于真的有什么實際效果只能自己去體會了。
* 英文地址：Mastering HTML5 Prefetching
* 翻譯地址：http://zmingcx.com/
轉載于:https://www.cnblogs.com/huangcong/p/3525286.html
總結
以上是生活随笔為你收集整理的黄聪：WordPress实现HTML5预加载的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： linux查看所有用户 用户组的方法(修
- 下一篇： 2017年html5行业报告,云适配发布