成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

<head>標(biāo)簽中的奧秘

Thanatos / 1773人閱讀

摘要：作為一名前端開(kāi)發(fā)，我竟一直不知道標(biāo)簽中的秘密。告訴瀏覽器使用最新的引擎渲染網(wǎng)頁(yè)，而則告訴瀏覽器激活谷歌瀏覽器內(nèi)嵌框架，是推出的一款免費(fèi)的專用插件。這一機(jī)制使得資源可以更早的被加載并可用，更不易阻塞頁(yè)面的初步渲染，進(jìn)而提升性能。

作為一名前端開(kāi)發(fā)，我竟一直不知道標(biāo)簽中的秘密。

有幸接觸到這個(gè)知識(shí)點(diǎn)，覺(jué)得不能自己獨(dú)享這份喜悅，特此分享給大家。

舉幾個(gè)例子：

京東金融的部分剖析

1、
IE=edge告訴IE使用最新的引擎渲染網(wǎng)頁(yè)，chrome=1則可以激活Chrome Frame。

詳解：

http-equiv相當(dāng)于http的文件頭作用，它可以向?yàn)g覽器傳回一些有用的信息，以幫助正確地顯示網(wǎng)頁(yè)內(nèi)容，與之對(duì)應(yīng)的屬性值為content，content中的內(nèi)容其實(shí)就是各個(gè)參數(shù)的變量值。

X-UA-Compatible是IE8以上版本的一個(gè)專有屬性，IE8以下的瀏覽器是不識(shí)別的,它告訴瀏覽器（IE8+）采用何種版本渲染網(wǎng)頁(yè)。

IE=Edge告訴瀏覽器使用最新的引擎渲染網(wǎng)頁(yè)，而chrome=1則告訴瀏覽器激活Chrome
Frame（谷歌瀏覽器內(nèi)嵌框架”，是Google推出的一款免費(fèi)的IE專用插件。用戶可以通過(guò)IE的用戶界
面，以Chrome內(nèi)核的渲染方式瀏覽網(wǎng)頁(yè)。）

2、
在雙核瀏覽器中，讓W(xué)ebkit內(nèi)核優(yōu)先渲染。

詳解：

國(guó)內(nèi)主流瀏覽器，比如360瀏覽器、搜狗瀏覽器、QQ瀏覽器都是雙核瀏覽器，一方面為了兼容IE瀏覽器，另一方面Webkit內(nèi)核的非IE瀏覽器有著更高的性能和用戶體驗(yàn)?？梢允褂靡陨戏椒?，讓雙核瀏覽器優(yōu)先以Webkit內(nèi)核渲染，

3、
DNS預(yù)獲取，可以提升網(wǎng)站性能

詳解：

DNS Prefetching 是讓具有此屬性的域名不需要用戶點(diǎn)擊鏈接就在后臺(tái)解析。

B站的部分剖析

1、

詳解：name是描述網(wǎng)頁(yè)的，對(duì)應(yīng)content（網(wǎng)頁(yè)內(nèi)容），以便于搜索引擎機(jī)器人查找分類。

1、keywords關(guān)鍵詞，是為搜索引擎提供的關(guān)鍵字列表，各關(guān)鍵詞之間是用英文","隔開(kāi)，能夠提高搜索質(zhì)量。

2、desciption簡(jiǎn)介，用來(lái)告訴搜索引擎你的網(wǎng)站的主要內(nèi)容。

2、
把搜索功能放到瀏覽器的快捷工具上,如下圖左下角

3、
通過(guò)rel="preload"進(jìn)行內(nèi)容預(yù)加載， preload屬性可以指明哪些資源是在頁(yè)面加載完之后即刻需要的

對(duì)于這種即刻需要的資源，你可能希望在頁(yè)面加載的生命周期的早期階段就開(kāi)始獲取，在瀏覽器的主渲染機(jī)制介入前就進(jìn)行預(yù)加載。這一機(jī)制使得資源可以更早的被加載并可用，更不易阻塞頁(yè)面的初步渲染，進(jìn)而提升性能。

參考鏈接：
http://blog.csdn.net/maoxunxi...
https://www.cnblogs.com/lhm16...

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/54440.html

相關(guān)文章

  • html之css選擇器學(xué)習(xí)

    相關(guān)內(nèi)容：什么是css選擇器標(biāo)簽選擇器類選擇器id選擇器并集選擇器（分組選擇器）交集選擇器后代選擇器子標(biāo)簽選擇器屬性選擇器相鄰兄弟選擇器偽類選擇器偽元素選擇器（偽對(duì)象選擇器）首發(fā)時(shí)間：2018-03-02 修改：2018-04-30：修改了排版，增加了偽類選擇器，偽元素選擇器，在原本簡(jiǎn)略的介紹的基礎(chǔ)上增加了描述并修改了某些術(shù)語(yǔ)描述。2018-05-05：修改了部分偽類選擇器的注解，由于之前發(fā)生了小...

    番茄西紅柿 評(píng)論0 收藏0

  • 前端技術(shù)之_CSS詳解第一天

    摘要：前端技術(shù)之詳解第一天一部分略。。。。中國(guó)主要城市北京上海廣州美國(guó)主要城市紐約洛杉磯華盛頓西雅圖在瀏覽器中，默認(rèn)是不會(huì)增加任何的效果改變的，但是語(yǔ)義變了，中的所有元素是一個(gè)小區(qū)域。前端技術(shù)之_CSS詳解第一天一html部分略。。。。二、列表列表有3種2.1 無(wú)序列表無(wú)序列表，用來(lái)表示一個(gè)列表的語(yǔ)義，并且每個(gè)項(xiàng)目和每個(gè)項(xiàng)目之間，是不分先后的。ul就是英語(yǔ)unordered list，無(wú)序列表的意...

    番茄西紅柿 評(píng)論0 收藏0

  • 前端基礎(chǔ)-CSS的屬性相關(guān)設(shè)置

    摘要：值描述左邊對(duì)齊默認(rèn)值右對(duì)齊居中對(duì)齊兩端對(duì)齊文本裝飾為重點(diǎn)值描述默認(rèn)。繼承父元素的屬性的值。具體的像素一定要加單位例如，等等第一個(gè)值是水平位置，第二個(gè)值是垂直位置。單位是像素或任何其他的單位。一 字體屬性二 文本屬性三 背景屬性四 盒子模型五 盒子模型各部分詳解一、 字體屬性1、font-weight：文字粗細(xì)（表格中*為重點(diǎn)）取值描述normal默認(rèn)值，標(biāo)準(zhǔn)粗細(xì)bord粗體 *border...

    番茄西紅柿 評(píng)論0 收藏0

  • 01-html介紹和head標(biāo)簽

    摘要：三開(kāi)發(fā)工具的使用使用技巧編輯器四介紹的概述全稱，翻譯為超文本標(biāo)記語(yǔ)言，它不是一種編程語(yǔ)言，是一種描述性的標(biāo)記語(yǔ)言，用于描述超文本內(nèi)容的顯示方式?！巨D(zhuǎn)】01-html介紹和head標(biāo)簽主要內(nèi)容web標(biāo)準(zhǔn)瀏覽器介紹開(kāi)發(fā)工具介紹HTML介紹HTML顏色介紹HTML規(guī)范HTML結(jié)構(gòu)詳解一、web標(biāo)準(zhǔn)web準(zhǔn)備介紹：w3c：萬(wàn)維網(wǎng)聯(lián)盟組織，用來(lái)制定web標(biāo)準(zhǔn)的機(jī)構(gòu)（組織）web標(biāo)準(zhǔn)：制作網(wǎng)頁(yè)遵循的規(guī)范...

    番茄西紅柿 評(píng)論0 收藏0

  • web前端（10）—— 浮動(dòng)，清除默認(rèn)樣式

    如果在一行內(nèi)寫文字，文字過(guò)多，那么瀏覽器會(huì)自動(dòng)換行去顯示我們的文字文檔流還有其他現(xiàn)象底部對(duì)齊，高矮不管文字還有圖片大小不一，都會(huì)讓我們頁(yè)面的元素出現(xiàn)高矮不齊的現(xiàn)象，但是在瀏覽器查看我們的頁(yè)面總會(huì)發(fā)現(xiàn)底邊對(duì)齊例：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>t...

    番茄西紅柿 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

Thanatos

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<