`

站长 DNS预解析提升页面速度

 
阅读更多

在网页体验中我们常会遇到这种情况,即在调用百度联盟、谷歌联盟以及当前网页所在域名外的域名文件时会遇到请求延时非常严重的情况。那么有没有方法去解决这种请求严重延时的现象呢?
一般来说这种延时的原因不会是对方网站带宽或者负载的原因,那么到底是什么导致了这种情况呢。湛蓝试着进行推测,假设是DNS的问题,因为DNS解析速度很可能是造成资源延时的最大原因。于是湛蓝在页面header中添加了以下代码(用以DNS预解析):

 

<meta http-equiv="x-dns-prefetch-control" content="on" />
<link rel="dns-prefetch" href="http://bdimg.share.baidu.com" />
<link rel="dns-prefetch" href="http://nsclick.baidu.com" />
<link rel="dns-prefetch" href="http://hm.baidu.com" />
<link rel="dns-prefetch" href="http://eiv.baidu.com" />

 

效果很不错(测试浏览器为IE8),再打开其他页面时百度分享按钮的加载明显提高!
下面我们来简单了解一下dns-prefetch:
DNS 作为互联网的基础协议,其解析的速度似乎容易被网站优化人员忽视。现在大多数新浏览器已经针对DNS解析进行了优化,典型的一次DNS解析耗费20-120 毫秒,减少DNS解析时间和次数是个很好的优化方式。DNS Prefetching是具有此属性的域名不需要用户点击链接就在后台解析,而域名解析和内容载入是串行的网络操作,所以这个方式能减少用户的等待时间,提升用户体验。
浏览器对网站第一次的域名DNS解析查找流程依次为:
浏览器缓存-系统缓存-路由器缓存-ISP DNS缓存-递归搜索

Chrome内置了DNS Prefetching技术, Firefox 3.5 也引入了这一特性,由于Chrome和Firefox 3.5本身对DNS预解析做了相应优化设置,所以设置DNS预解析的不良影响之一就是可能会降低Google Chrome浏览器及火狐Firefox 3.5浏览器的用户体验。
预解析的实现:
1. 用meta信息来告知浏览器, 当前页面要做DNS预解析:<meta http-equiv="x-dns-prefetch-control" content="on" />
2. 在页面header中使用link标签来强制对DNS预解析: <link rel="dns-prefetch" href="http://bdimg.share.baidu.com" />
注:dns-prefetch需慎用,多页面重复DNS预解析会增加重复DNS查询次数。
 

 

 

 

 

 

 

  • 大小: 21.4 KB
分享到:
评论

相关推荐

    115le导航高级站长加速v2.1版(1).rar

    8. **DNS预解析**:预先进行DNS查找,缩短域名解析时间,减少用户等待时间。 9. **首字节时间(TTFB)优化**:优化服务器响应速度,减少从用户请求到服务器第一次响应的时间。 10. **异步加载**:非阻塞加载脚本和...

    webmaster-toolbox 站长工具

    在网页设计中,有时我们需要将HTML代码转换为JavaScript,以实现动态效果或提升页面性能。这个工具可以快速、准确地完成这一转换,节省了手动操作的时间,提高了工作效率。 再者,域名查询功能对于网站管理员来说...

    站长工具PQSHOWtool ASP源码.rar

    此外,源码可能还包含解析DNS记录、检查SSL证书有效性的部分,这些都能帮助站长了解网站的安全性和可访问性。 SEO信息查询是另一个关键功能。ASP源码会利用各种API接口,如Google Search Console或百度站长平台,来...

    仿chinaz站长工具网站源码,无错php版

    5. **网站速度测试**:评估网页加载速度,提供优化建议。 6. **友链检测**:检查网站的友情链接是否有效,是否存在死链。 7. **IP地址查询**:揭示IP地址对应的位置信息。 8. **代码验证**:检查HTML、CSS、...

    ASP源码—站长工具完美版 v1.0.zip

    6. **网页速度测试**:评估网站加载速度,找出性能瓶颈并进行优化。 7. **代码格式化与压缩**:对HTML、CSS、JavaScript代码进行格式化或压缩,提高网站加载速度。 8. **Ping测试**:检查网站的可达性和响应时间,...

    站长工具tool_GBKv2.0源码.rar

    【标签】"站长工具"进一步确认了这是一个用于网站管理、监控和优化的软件工具,可能包括一系列的实用小工具,如流量统计、页面速度测试、友链检查等。 在【压缩包子文件的文件名称列表】中仅提到"tool",可能表示源...

    ASP仿爱站站长查询工具网源码

    7. 部署与运行:将源码部署到服务器上并运行,需要了解IIS(Internet Information Services)或其他Web服务器的配置,以及域名绑定和DNS解析等相关知识。 8. 维护与更新:了解如何跟踪源码中的错误,使用调试工具...

    2011版观其站长工具箱

    《2011版观其站长工具箱:全方位解析SEO优化与网站管理》 在互联网领域,搜索引擎优化(SEO)是提升网站可见性和流量的关键手段。"2011版观其站长工具箱"就是这样一款专为SEO从业者和网站管理员量身定制的实用工具...

    站长必备的工具包,多种工具打包下载

    2. **IP或DNS查询工具**:QQWry.dat可能是一个IP地址数据库,用于快速查询IP地址对应的地理位置或者域名解析信息,这对于分析流量来源或者排查网络问题很有用。 3. **网站分析工具**:可能会有类似于Google ...

    站长工具箱

    3. **域名和IP查询**:查询域名的注册信息,DNS解析记录,以及与之关联的IP地址,有助于了解网站的基础设施和可能的安全问题。 4. **代码检测**:检查HTML、CSS和JavaScript的语法错误,确保网站在不同浏览器上的...

    麒麟超级站群系统V5.5.rar_分站站群源码_泛目录_短网址_超级h系统_超级站群系统

    它利用DNS的泛解析功能,将大量关键词作为二级目录,使搜索引擎认为这些目录是独立的页面,从而增加网站的收录量和关键词覆盖率。麒麟超级站群系统V5.5支持无限泛解析二级目录,意味着用户可以轻松创建无数个与...

    深层优化 提高网站的访问速度的一些技巧

    随着互联网的发展,网站数量日益增多,如何提高网页加载速度成为了企业和个人站长不可忽视的问题。以下是一些关于深层优化以提高网站访问速度的关键点: 1. **页面减肥** - 网页内容应尽可能简洁,避免使用大尺寸...

    webmaste实用工具

    2. **网站速度测试**:通过测速工具,站长可以了解网站加载速度,找出影响性能的因素,优化图片大小、减少HTTP请求等,提升用户体验。 3. **HTML/CSS/JavaScript验证器**:这些验证工具能检查代码的语法错误,确保...

    2-2019051113-陈俊文-网络信息收集1

    - **实践操作**:通过实际操作Google Hacking语法、DNS查询命令(如Host、Nslookup)、站长工具、Netcraft、Whois查询和Dig命令,以及使用Nmap进行网络扫描,可以有效地收集目标网络的各种信息。 - **信息安全意识**...

    新手SEO基础养成计划.docx

    - **DNS配置**:配置DNS服务器地址,确保域名解析正确,网站能够正常访问。 #### 第4天:网站建设 - **前端设计**:包括网站布局、色彩搭配和导航设计等,注重用户体验。 - **后端开发**:搭建服务器环境、数据库...

    SurfStats Log Analyzer v8.0.0.3

    它提供了从日志文件解析到结果报告生成的全方位服务,通过丰富的报告选项和便捷的远程日志获取功能,帮助用户更好地理解网站的流量情况,优化网站性能,提升用户体验,并对潜在问题进行预警。无论是对于个人网站还是...

    仿折800的U站源码

    11. **服务器与域名部署**:如何将源码部署到服务器,绑定域名,设置DNS解析等,让网站正式对外提供服务。 12. **网站维护与更新**:后期的代码维护、功能升级、安全补丁应用等持续性工作。 以上就是关于"仿折800...

    用DNSPod和Squid打造自己的CDN全程分享

    2. 访问`cdn.naizhao.com`测试CDN的效果,观察页面加载速度是否有明显提升。 3. 根据实际使用情况调整Squid缓存策略,以达到最佳性能。 通过以上步骤,你已经成功搭建了一个基于DNSPod和Squid的简易CDN系统。虽然它...

    网站SEO报告和代码工具平台系统源码

    这些报告不仅涵盖了关键词排名、索引状态等基本信息,还深入分析了影响网站SEO表现的各种因素,如页面加载速度、移动友好性、内容质量等。通过这些报告,用户可以清楚地了解自己网站的优势与不足,并据此采取相应的...

Global site tag (gtag.js) - Google Analytics