Html5引入了預加載頁面技術，可以大幅度提高您的網站加載時間以及速度。
WordPress實現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>之間。
還可以根據自己的需要對上面的代碼進行適當的修改，例如加個判斷預讀首頁等。
<?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/
相關文章
- background-color設置與代碼簡寫
- text-decoration:line-through CSS文字中劃線 刪除線 貫穿線樣式
- HTMl5的存儲方式sessionStorage和localStorage詳解
- CSS3 transform 屬性
- 使用jquery.easysector.js繪制百分比餅圖
- js 自帶的sort() 方法全面了解
- 深入理解js generator數據類型
- 完美解決ajax跨域請求下parsererror的錯誤
- Ajax 設置Access-Control-Allow-Origin實現跨域訪問
- Servlet 與 Ajax 交互一直報status=parsererror的解決辦法