WordPress实现HTML5预加载

  • 时间:
  • 浏览:11
  • 来源:5分11选5-5分11选5平台_5分11选5网投平台
作者:匿名 hihi 来源:知更鸟 浏览: 2011-11-4 14:08:14 字号:大 中 小

[摘要]HTML5引入了预加载页面技术,还才能大幅度提高您的网站加载时间以及带宽单位,本文将一下WordPress怎样才能实现HTML5预加载。

  HTML5引入了预加载页面技术,还才能大幅度提高您的网站加载时间以及带宽单位。

  WordPress实现HTML5预加载法律法律依据很简单,把下面代码:

1.<?php if (is_archive() && ($paged > 1) && ($paged < $wp_query->max_num_pages)) { ?>   

2.<link rel="prefetch" href="<?php echo get_next_posts_page_link(); ?>">

3.<link rel="prerender" href="<?php echo get_next_posts_page_link(); ?>">

4.<?php } ?>

  加到header.php模版,<head> 与</head> 之间。

  还还才能根据当时人的需用对中间的代码进行适当的修改,类式加个判断预读首页等。

1.<?php if (is_archive() && ($paged > 1) && ($paged < $wp_query->max_num_pages)) { ?>   

2.<link rel="prefetch" href="<?php echo get_next_posts_page_link(); ?>">

3.<link rel="prerender" href="<?php echo get_next_posts_page_link(); ?>">

4.<?php } elseif (is_singular()) { ?>

5.<link rel="prefetch" href="<?php bloginfo('home'); ?>">

6.<link rel="prerender" href="<?php bloginfo('home'); ?>">

7.<?php } ?>

  可能性预加载是HTML5的一次责,目前并有的是所有浏览器都支持,比如:Internet Explorer就不行了。而Firefox、chrome和opera支持该技术。就让可能性访问者的浏览器不支持预加载,将哪此效果也没办法 。

  至于真的有哪此实际效果没办法 当时人去体会了。

WordPress下载

英文地址:http://www.catswhocode.com/blog/mastering-html5-prefetching

翻译地址:http://zmingcx.com/wordpress-html5-pre-load-to-achieve.html

sssss
Tags: WordPress   HTML5预加载   HTML5   WordPress使用  
责任编辑:cc120