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支持該技術。因此如果訪問者的瀏覽器不支持預加載,將什么效果也沒有。
至于真的有什么實際效果只能自己去體會了。
原文:http://zmingcx.com/wordpress-html5-pre-load-to-achieve.html
英文原文:http://www.catswhocode.com/blog/mastering-html5-prefetching
