HTML5 引入了預載入頁面技術,可以大幅度提高您的網站載入時間以及速度。
WordPress 實現 HTML5 預載入方法很簡單,把下面程式碼:
<?php if (is_archive() && ($paged > 1) && ($paged < $wp_query->max_num_pages)) { ?>
<link rel="prefetch" href="<?php%20echo%20get_next_posts_page_link();%20?>">
<link rel="prerender" href="<?php%20echo%20get_next_posts_page_link();%20?>">
<?php } ?>
加到 header.php 模版,<head> 與</head> 之間。
還可以根據自己的需要對上面的程式碼進行適當的修改,例如加個判斷預讀首頁等。
<?php if (is_archive() && ($paged > 1) && ($paged < $wp_query->max_num_pages)) { ?>
<link rel="prefetch" href="<?php%20echo%20get_next_posts_page_link();%20?>">
<link rel="prerender" href="<?php%20echo%20get_next_posts_page_link();%20?>">
<?php } elseif (is_singular()) { ?>
<link rel="prefetch" href="<?php%20bloginfo('home');%20?>">
<link rel="prerender" href="<?php%20bloginfo('home');%20?>">
<?php } ?>
由於預載入是 HTML5 的一部分,目前並不是所有瀏覽器都支援,比如:Internet Explorer 就不行了。而 Firefox 、 chrome 和 opera 支援該技術。因此如果訪問者的瀏覽器不支援預載入,將什麼效果也沒有。
至於真的有什麼實際效果只能自己去體會了。