中医自救养生中文网
Would you like to react to this message? Create an account in a few clicks or log in to continue.

推广传统中医,倡导返朴归真的低欲望生活!非必要不消费!
 
首页  注册注册  Latest imagesLatest images  相册相册  搜索搜索  网友酷拍自拍  美女酷图  登录  网购实惠推荐  收藏本頁  

 
 

 wordpress博客網站程序加速优化进阶教程:讓瀏覽器的DNS 预获取(DNS Prefetching)更好的支持你的網站

浏览上一个主题 浏览下一个主题 向下 
作者留言
杂医阿基师
一品莲子官
一品莲子官
杂医阿基师

帖子数 : 2912
官饷 : 8342
官声 : 0
注册日期 : 14-08-25
年龄 : 35

wordpress博客網站程序加速优化进阶教程:讓瀏覽器的DNS 预获取(DNS Prefetching)更好的支持你的網站 Vide
帖子主题: wordpress博客網站程序加速优化进阶教程:讓瀏覽器的DNS 预获取(DNS Prefetching)更好的支持你的網站   wordpress博客網站程序加速优化进阶教程:讓瀏覽器的DNS 预获取(DNS Prefetching)更好的支持你的網站 Empty2014-12-12, 12:01

今天小V在逛免费资源部落时无意中发现部落的网站头部加上了一段以前从来没见过的代码,下面是当时免费资源部落的头部代码截图:

DNS prefetching(dns预读)

小V以前也没见过dns prefetch这类标签,dns prefetch翻译成中文大概是dns预取、dns预读的意思(PS:小V英语烂~翻译的大概意思就是这样)。当时小V就觉得很奇怪了这类标签怎么没听说过啊,正好没事小V就去请教一下谷歌老师。谷老师立即丢出一条链接来:Controlling DNS prefetching 链接是Firefox官方文档的,绝对权威。文档的中说的dns prefetch标签是在读取一个网站页面时,把规定好的几个域名的dns事先都解析好,从而达到给网站加速的效果。好了既然了解dns prefetch标签的作用,那么骚年还等什么动手吧!给自己的网站加上一个。

那么下面小V来教大家如何让wordpress支持dns prefetch标签。
function v7v3_dns_prefetch() {
<meta http-equiv="x-dns-prefetch-control" content="on" />
<link rel="dns-prefetch" href="//bdimg.share.baidu.com/" />
<link rel="dns-prefetch" href="//api.share.baidu.com/" />
<link rel="dns-prefetch" href="//hm.baidu.com/" />
<link rel="dns-prefetch" href="//0.gravatar.com/" />
<link rel="dns-prefetch" href="//1.gravatar.com/" />
}
add_action( 'wp_head', 'v7v3_dns_prefetch');

在wordpress主题的functions.php文件中加上以上代码后wordpress就会自动在头部载入dns prefetch标签,当然这个前提是你的主题加载了wp_head()钩子。不过以上代码是全局载入的,也就是说在每个页面都会载入这段代码,如果每个页面都设置了dns预取域名的话则每个页面都要对设置中的域名做一次预取操作这样一来预取标签就相当于没有用了,那么如何只让首页加载dns预取标签呢?其实我们可以给代码加上个判断,即可。
function v7v3_dns_prefetch() {
wp_reset_query(); if(is_home()){?>
<meta http-equiv="x-dns-prefetch-control" content="on" />
<link rel="dns-prefetch" href="//bdimg.share.baidu.com/" />
<link rel="dns-prefetch" href="//api.share.baidu.com/" />
<link rel="dns-prefetch" href="//hm.baidu.com/" />
<link rel="dns-prefetch" href="//0.gravatar.com/" />
<link rel="dns-prefetch" href="//1.gravatar.com/" />
<?php }
}
add_action( 'wp_head', 'v7v3_dns_prefetch');

但是如果只在网站首页显示dns预取标签的话,入口页面不在首页的访客就感觉不到dns预取的加速效果了,其实我们可以给访客的浏览器写入一个cookies来判断访客是否为第一访问网站,如果是第一次访问则在入口页面输出dns预取标签,那么wordpress如何来写入cookie呢?小V之前曾经写过一篇wordpress写入cookie的教程《wordpress二次开发教程手记:写入cookie记录访客行为》,我们再将两篇文章的代码结合起来使用,首先在functions.php文件中加上以下代码:
function set_newuser_cookie() {
if (!isset($_COOKIE['v7v3_cookie'])) {
setcookie('v7v3_cookie', 1, time()+1209600, COOKIEPATH, COOKIE_DOMAIN, false);
}
}
add_action('after_setup_theme', 'set_newuser_cookie');

然后在主题文件夹下新建一个dns.php文件并加入以下代码:
<?php
if (is_home()) { //判断当前页面是否为首页
echo '
<meta http-equiv="x-dns-prefetch-control" content="on" /> //开启dns预取
<link rel="dns-prefetch" href="//bdimg.share.baidu.com/" />
<link rel="dns-prefetch" href="//api.share.baidu.com/" />
<link rel="dns-prefetch" href="//hm.baidu.com/" />
<link rel="dns-prefetch" href="//0.gravatar.com/" />
<link rel="dns-prefetch" href="//1.gravatar.com/" />
';
}

elseif (isset($_COOKIE['v7v3_cookie'])) { //判断是否为初次访问
echo '<meta name="author" content="WordPress Dns Prefetch Is By NaiZui" />
';
}
else {
echo '
<meta http-equiv="x-dns-prefetch-control" content="on" />
<link rel="dns-prefetch" href="//bdimg.share.baidu.com/" />
<link rel="dns-prefetch" href="//api.share.baidu.com/" />
<link rel="dns-prefetch" href="//hm.baidu.com/" />
<link rel="dns-prefetch" href="//0.gravatar.com/" />
<link rel="dns-prefetch" href="//1.gravatar.com/" />
';
}
?>

然后在主题的header.php文件的</head>标签之前加入以下代码:

1
<?php include TEMPLATEPATH. '/dns.php'; ?>
好了这样一来wordpress将只在首页和访客初次访问的时候显示dns预取标签了(PS:预取域名可以按照自己网站的具体需求去设置)。另外再说下,大家搞网站都不容易,有时候心血来潮花个几个小时写原创也不容易吧?某些人转载留个链接你也不损失什么是吧?你觉得被人家鄙视好还是留个链接好呢?

返回页首 向下
 2014年WWE赛事 | 世界最快浏览器:Opera 简体中文优化正式版v12.17
 

wordpress博客網站程序加速优化进阶教程:讓瀏覽器的DNS 预获取(DNS Prefetching)更好的支持你的網站

   
1页/共1

您在这个论坛的权限:不能在这个论坛回复主题
中医自救养生中文网 :: 生活万事通 :: 手机&平板&电脑软、硬件技术交流-

全球最大的百货网购及中文书籍零售商——亚马逊(中国)!

您是第 位来访者