WordPress实现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/




本文转自黄聪博客园博客,原文链接:http://www.cnblogs.com/huangcong/p/3525286.html,如需转载请自行联系原作者

相关文章
|
5月前
WordPress插件介绍页源码单页Html源码
WordPress插件介绍页源码单页Html源码
77 2
WordPress插件介绍页源码单页Html源码
|
5月前
|
编解码
WordPress页面文件添加html后缀名
wordpress 页面默认不能实现伪静态链接,手动在链接中添加 “.html” ,会自动转码为 “-html” ,但万能的 WordPress,你能想到的功能都会有相应的插件帮你实现。
57 0
|
XML 定位技术 数据格式
SEO优化:WordPress站点地图(html和xml)插件Baidu Sitemap Generator
前阵子分享了《如何实现纯代码制作网站地图的html和xml版本》,不过不是每个人都喜欢用纯代码来折腾博客的。今天,boke112就给大家分享一款国人柳城制作的包含html和xml两个版本的WordPress站点地图插件Baidu Sitemap Generator。
2287 0
|
搜索推荐 SEO 数据安全/隐私保护
WordPress固定链接设置的几种方法(推荐/%post_id%.html)
  传说中,固定链接有SEO功能,今天试了试,现在给大家分享一下: wordpress固定链接设置技巧: 1、不要让日期出现在固定链接里面     这基于两个方面的考虑。一是如果数字出现在固定链接里面,等于提醒搜索引擎,这是很旧的内容了,没必要再爬一遍了。
2530 0
|
Web App开发 移动开发 HTML5
HTML5 预加载
原文地址: HTML5 Link Prefetching 原文日期: 2010年07月07日 翻译日期: 2013年08月13日浏览器厂商和开发者之间共同努力的一个方向就是让网站更快。现在已有很多广为人知的加速解决方案:CSS sprites(CSS精灵,拼图)以及图像优化,分布式配置文件(.htaccess),JS/文本文件压缩,CDN加速等。
878 0
|
1天前
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
64 24
|
1月前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
59 7
|
1月前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
37 6