中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

web前端優(yōu)化時(shí)為何不建議使用css@import-創(chuàng)新互聯(lián)

今天就跟大家聊聊有關(guān)web前端優(yōu)化時(shí)為何不建議使用css @import,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。

成都創(chuàng)新互聯(lián)公司-成都網(wǎng)站建設(shè)公司,專注網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì)、網(wǎng)站營銷推廣,國際域名空間,雅安服務(wù)器托管網(wǎng)站托管有關(guān)企業(yè)網(wǎng)站制作方案、改版、費(fèi)用等問題,請(qǐng)聯(lián)系成都創(chuàng)新互聯(lián)公司

曾經(jīng)研究web前端優(yōu)化時(shí)在網(wǎng)上多處看到這樣一條建議,大意是:

不要使用 css @import, 因?yàn)橛眠@種方式加載css相當(dāng)于把css放在了html底部。

關(guān)于這一點(diǎn),我一直很疑惑: 為什么用@import就等于把css放在了頁面底部? 原理是什么?? 但一直不得而知,因?yàn)榫W(wǎng)絡(luò)文章一大抄,轉(zhuǎn)載的很多,去細(xì)究原因的卻很少。

直到今天,在google developers看一篇文章時(shí),無意間找到了這個(gè)原因,原文如下:

Avoid CSS @import
Overview

Using CSS @import in an external stylesheet can add additional delays during the loading of a web page.
Details

CSS @importallows stylesheets to import other stylesheets. When CSS @import isused from an external stylesheet, the browser is unable to downloadthe stylesheets in parallel, which adds additional round-trip timesto the overall page load. For instance, iffirst.css contains the following content:

@import url("second.css")

The browser must download, parse, andexecute first.css before it is able to discover that itneeds to downloadsecond.css.
Recommendations

Use the <link> tag instead of CSS @import
Instead of @import, use a <link> tag for each stylesheet. This allows the browser to download stylesheets in parallel, which results in faster page load times:

<link rel="stylesheet" href="first.css">
<link rel="stylesheet" href="second.css">

我們確實(shí)要避免使用css @import, 但原因卻不是什么相當(dāng)于放在了頁面底部,而是這樣做會(huì)導(dǎo)致css無法并行下載,因?yàn)槭褂聾import引用的文件只有在引用它的那個(gè)css文件被下載、解析之后,瀏覽器才會(huì)知道還有另外一個(gè)css需要下載,這時(shí)才去下載,然后下載后開始解析、構(gòu)建render tree等一系列操作。 星球?yàn)g覽器在頁面所有css下載并解析完成后才會(huì)開始渲染頁面(Before a browser can begin to render a web page, it mustdownload and parse any stylesheets that are required to lay out thepage. Even if a stylesheet is in an external file that is cached,rendering is blocked until the browser loads the stylesheet from disk.),因此css @import引起的css解析延遲會(huì)加長(zhǎng)頁面留白期。 所以,要盡量避免使用css @import而盡量采用link標(biāo)簽的方式引入。

看完上述內(nèi)容,你們對(duì)web前端優(yōu)化時(shí)為何不建議使用css @import有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。

標(biāo)題名稱:web前端優(yōu)化時(shí)為何不建議使用css@import-創(chuàng)新互聯(lián)
鏈接地址:http://www.2m8n56k.cn/article22/dghecc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機(jī)品牌網(wǎng)站設(shè)計(jì)外貿(mào)建站網(wǎng)站策劃關(guān)鍵詞優(yōu)化網(wǎng)站內(nèi)鏈

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作
主站蜘蛛池模板: 男人和女人搞黄 | 国产一区二区三区四区波多野结衣 | 99久久国语露脸精品对白 | 欧美激情精品久久久久久久九九九 | 欧美在线观看一区二区三区 | 日本一区不卡视频 | 国产性色 | 美女亚洲综合 | 两性色午夜视频免费国产 | 亚洲人成综合在线播放 | 色熟| 国产高清视频在线观看 | 日本久久一区二区 | 亚洲成人免费在线视频 | 欧美一区二区三区视频在线观看 | 色成人亚洲 | 日本特级淫片免费看 | 亚洲国产第一区二区香蕉日日 | 成人免费黄色网址 | a级男女性高爱潮高清试 | 狠狠色狠狠色综合久久一 | 国产一在线精品一区在线观看 | 日韩欧美综合在线二区三区 | 久草免费在线观看视频 | 亚洲欧美日韩高清在线看 | 国产天堂在线一区二区三区 | 日本一视频一区视频二区 | 精品一区二区三区视频在线观看免 | 手机看片毛片 | 久久香蕉国产线看观看式 | 成年人免费黄色 | 久草视频福利在线观看 | 久久精品国产这里是免费 | 成视频年人黄网站免费 | 九九午夜| 成年人三级视频 | 成人公开视频 | 国产成人精视频在线观看免费 | 国产精品视频免费观看调教网 | 亚洲一级毛片中文字幕 | 日韩欧美印度一级毛片 |