HTML5引入了預(yù)加載頁面技術(shù),可以大幅度提高您的網(wǎng)站加載時(shí)間以及速度。WordPress實(shí)現(xiàn)HTML5預(yù)加載方法很簡(jiǎn)單,把下面代碼:
<?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> 之間。
還可以根據(jù)自己的需要對(duì)上面的代碼進(jìn)行適當(dāng)?shù)男薷,例如加個(gè)判斷預(yù)讀首頁等。
<?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 } ?>
由于預(yù)加載是HTML5的一部分,目前并不是所有瀏覽器都支持,比如:Internet Explorer就不行了。而Firefox、chrome和opera支持該技術(shù)。因此如果訪問者的瀏覽器不支持預(yù)加載,將什么效果也沒有。
至于真的有什么實(shí)際效果只能自己去體會(huì)了。
原文:http://zmingcx.com/wordpress-html5-pre-load-to-achieve.html
英文原文:http://www.catswhocode.com/blog/mastering-html5-prefetching