新浦京娱乐场官网-301net-新浦京娱乐www.301net
做最好的网站

Web性能优化系列 – 通过提前获取DNS来提升网

Web质量优化连串 – 通过提前收获DNS来升高网页加载速度

2015/04/23 · HTML5 · DNS, 属性优化

本文由 伯乐在线 - 刘健超-J.c 翻译,sunbiaobiao 校稿。未经许可,禁止转发!
丹麦语出处:www.deanhume.com。接待出席翻译组。

笔者平时寻觅办法改正网址质量,为的正是能提供更佳的客户体验。恐怕你平常会意识你的网址运维高效且性能优异。你也或者曾让你的应用程序在Google PageSpeed或Yahoo! YSlow拓宽测验,并取得高分。但是,有同样东西一向影响页面加载时间。它在一个页面上,开销比非常多时刻去搜索区别组件的DNS。例如,上面那幅图片展现了自己的博客首页所需财富的加载瀑布图。

图片 1

请留心条形图的灰金红部分,它出现在瀑布图中的超过1/2组件前。那灰绛紫代表下载能源前查找DNS所需时间。那竟然占了组件下载时间的很超越四分之二!纵然组件进行了优化,并一度最小化/合併/压缩处理,你照旧必要等待查找DNS时间。我利用webpagetest.org做了贰个关于该网址DNS查找时间的报表。

图片 2

从上图可观望,DNS查找时间都非常高, 若是能减小该时间并提速,便会让能源加载变得越来越便捷。幸运的是,有个很棒的技巧能让网址的加载时间变得更加快。它被称为DNS预取,而且很轻易实现。你所需做的是,在网页顶上部分增添以下属性作为链接(link)。

<link rel="dns-prefetch" href="//host_name_to_prefetch.com">

DNS预取是在客户尝试点击链接前试图解析域名。一旦域名被分析,且客户导航到该域名,则不会因DNS探求而导致加载时间变长。在这些博客主页里,有非常多跳转到不相同帖子的链接。借使能在客户导航到下贰个页前边,预取一些外表链接的DNS,那将会大大减弱下二个页面包车型地铁DNS查找时间。依据Chromium documentation所说,要是顾客能将域名深入分析成IP地址并且缓存之,则DNS查找时间能低至0-1皮秒(千分之一秒)。那是一对一令人影象深入的!

自己在网址增添DNS预取效果与利益后,确实能鲜明创新页面加载时间。前段时间,那项本领被大多数主流浏览器所援救(除了IE),所以,当前未曾任何理由不在你的web应用上运用那项技巧!DNS预取是贰个安全的HTML5性格,它会被那个不协理该本领的老旧浏览器轻易忽略掉。纵然你的网页内容是出自五个域名,那么那纯属是三个智慧的,能加快页面加载速度的方法。

打赏帮忙我翻译越来越多好文章,多谢!

打赏译者

打赏扶助本人翻译更加的多好作品,多谢!

任选一种支付格局

图片 3 图片 4

赞 1 收藏 评论

至于笔者:刘健超-J.c

图片 5

前端,在路上... 个人主页 · 小编的文章 · 19 ·     

图片 6

本文由新浦京娱乐场官网-301net-新浦京娱乐www.301net发布于www.301net,转载请注明出处:Web性能优化系列 &#8211; 通过提前获取DNS来提升网

您可能还会对下面的文章感兴趣: