知識 分享 互助 懶人建站

    懶人建站專注于網頁素材下載,提供網站模板、網頁設計、ps素材、圖片素材等,服務于【個人站長】【網頁設計師】和【web開發從業者】的代碼素材與設計素材網站。

    懶人建站提供網頁素材下載、網站模板
    知識 分享 互助!

    dns預獲取(dns-prefetch)link rel="dns-prefetch"優化載入速度

    作者:佳明媽 來源:web前端開發 2016-08-09 人氣:
    dns預獲取(dns-prefetch)link rel="dns-prefetch",DNS Prefetch也就是DNS預獲取。設置DNS預獲取(dns-prefetch)有兩個作用:1、減少DNS的請求次數,2、進行DNS預先獲取。 當網頁打開時,瀏覽器會在

    dns預獲取dns-prefetch)link rel="dns-prefetch",DNS Prefetch也就是DNS預獲取。設置DNS預獲取(dns-prefetch)有兩個作用:1、減少DNS的請求次數,2、進行DNS預先獲取。

    當網頁打開時,瀏覽器會在加載網頁時對網頁中的域名進行解析緩存,這樣在你單擊當前網頁中的連接時就無需進行DNS的解析,減少用戶等待時間,提高用戶體驗。

    來看一張京東html源碼的截圖:

    dns預獲取(dns-prefetch)link rel=

    京東商城的dns-prefetch設置

    dns預獲取瀏覽器支持情況:

    Firefox: 3.5+

    Chrome: Supported

    Safari 5+

    Opera: Unknown

    IE: 9

    如何設置dns-prefetch:

    默認情況下瀏覽器會對頁面中和當前域名(正在瀏覽網頁的域名)不在同一個域的域名進行預獲取,并且緩存結果,這就是隱式的DNS Prefetch。

    如果想對頁面中沒有出現的域進行預獲取,那么就要使用顯式的DNS Prefetch了,也就是使用link標簽:

    <link rel="dns-prefetch" href="//misc.360buyimg.com" />  

    DNS Prefetch應該盡量的放在網頁的前面,推薦放在<meta charset=”/>后面。

    如何設置禁止隱式的DNS Prefetch:

    <meta http-equiv="x-dns-prefetch-control" content="off">

    ↓ 查看全文

    dns預獲取(dns-prefetch)link rel="dns-prefetch"優化載入速度由懶人建站收集整理,您可以自由傳播,請主動帶上本文鏈接

    懶人建站就是免費分享,覺得有用就多來支持一下,沒有能幫到您,懶人也只能表示遺憾,希望有一天能幫到您。

    dns預獲取(dns-prefetch)link rel="dns-prefetch"優化載入速度-最新評論

    老子是皇帝在线客服 福建省体彩22选5开奖今天 三个半波中特期期准 广东36选7走势图走图 二人麻将免费下载 辽宁快乐十二选五走 足球比分 网 逛球街好 捕鱼送彩金的棋牌游戏 一肖码免费公开资料 内蒙古星悦麻将下载 极速飞艇稳赢图片 三级片名查找 天才麻将少女真人版在线 重庆幸运农场官方 盘后股票推荐骗术 选4历史开奖结果上海 香港波色单双
    Warning: Unknown: write failed: No space left on device (28) in Unknown on line 0

    Warning: Unknown: Failed to write session data (files). Please verify that the current setting of session.save_path is correct (/www/web/www_51xuediannao_com/public_html/temp) in Unknown on line 0