WordPress實(shí)現(xiàn)HTML5預(yù)加載

2011-11-05 21:40:32來源:知更鳥作者:

HTML5引入了預(yù)加載頁面技術(shù),可以大幅度提高您的網(wǎng)站加載時(shí)間以及速度。WordPress實(shí)現(xiàn)HTML5預(yù)加載方法很簡(jiǎn)單,把下面代碼:

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

關(guān)鍵詞:WordPressHTML5

贊助商鏈接: