日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
關(guān)于提高瀏覽器渲染頁(yè)面速度的建議

怎樣盡可能的縮短瀏覽器上頁(yè)面渲染的時(shí)間，文章從以下幾方面著手：

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括扎賚諾爾網(wǎng)站建設(shè)、扎賚諾爾網(wǎng)站制作、扎賚諾爾網(wǎng)頁(yè)制作以及扎賚諾爾網(wǎng)絡(luò)營(yíng)銷策劃等。多年來(lái)，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，扎賚諾爾網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到扎賚諾爾省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

  • 寫出高效的css代碼
  • 避免使用css表達(dá)式
  • 把css文件放在頁(yè)面頂部
  • 指定頁(yè)面圖片的尺寸
  • 頁(yè)面頭部標(biāo)明文檔編碼

一，寫出高效的css代碼

首先弄清瀏覽器解析html代碼的過程：構(gòu)建一個(gè)dom樹，頁(yè)面要顯示的各元素都會(huì)創(chuàng)建到這個(gè)dom樹當(dāng)中。每當(dāng)一個(gè)新元素加入到這個(gè)dom樹當(dāng)中，瀏覽器便會(huì)通過css引擎查遍css樣式表，找到符合該元素的樣式規(guī)則應(yīng)用到這個(gè)元素上。css引擎查找樣式表，對(duì)每條規(guī)則都按從右到左的順序去匹配。

了解過程后，我們可以看出可以從兩方面優(yōu)化我們的css代碼：1，定義的css樣式規(guī)則條數(shù)越少越好，所以趕緊刪除css文件中不必要的樣式定 義；2，優(yōu)化每條規(guī)則的選擇符書寫方式，盡量讓css引擎一看就知道這個(gè)規(guī)則是否需要應(yīng)用到當(dāng)前這個(gè)元素上，讓引擎少走不必要的彎路。

如以下幾種效率不高的css書寫方式：

 
 
 
    
  
  
  
  1. body * {...} 
    2.   
  
  
  2. hide-scrollbars * {...} 
    3.

b, 用標(biāo)簽做關(guān)鍵選擇符

 
 
 
    
  
  
  
  1. ul li a {...} 
    2.   
  
  
  2. #footer h3 {...} 
    3.   
  
  
  3. * html #atticPromo ul li a {...} 
    4.

c, 畫蛇添足的寫法

 
 
 
    
  
  
  
  1. ul#top_blue_nav {...} 
    2.   
  
  
  2. form#UserLogin {...} 
    3.

d, 給非連接標(biāo)簽添加 :hover 偽類，這會(huì)對(duì)用了strict doctype的頁(yè)面在IE7和IE8下變的很慢。

 
 
 
    
  
  
  
  1. h3:hover {...} 
    2.   
  
  
  2. .foo:hover {...} 
    3.   
  
  
  3. #foo:hover {...} 
    4.   
  
  
  4. div.faa :hover {...} 
    5.

優(yōu)化建議：

a, 避免使用通配符；

b, 讓css引擎快速辨別該規(guī)則是否適用于當(dāng)前元素：多用id或class選擇符，少用標(biāo)簽選擇符；

c, 不要畫蛇添足把id和class或標(biāo)簽和class等連著寫；

d, 盡量避免使用后代選擇符，去除不必要的祖先元素，可以考慮使用class選擇符來(lái)替換后代選擇符；

 
 
 
    
  
  
  
  1. /*給無(wú)序和有序的li定義不同顏色，你可能會(huì)這樣寫：*/ 
    2.   
  
  
  2. ul li {color: blue;} 
    3.   
  
  
  3. ol li {color: red;} 
    4.   
  
  
  4. /*給li添加class，這樣定義效率會(huì)更高：*/ 
    5.   
  
  
  5. .unordered-list-item {color: blue;} 
    6.   
  
  
  6. .ordered-list-item {color: red;} 
    7.

e, 避免給非連接標(biāo)簽添加 :hover 偽類。

二，避免使用css表達(dá)式

css表達(dá)式僅在ie瀏覽器下才起作用，微軟已在ie8后不推薦使用，因?yàn)樗鼤?huì)嚴(yán)重影響頁(yè)面性能：任何時(shí)候，不管任何一個(gè)事件被觸發(fā)，例如窗口的 resize 事件，鼠標(biāo)的移動(dòng)等等，css表達(dá)式都會(huì)重新計(jì)算一遍。

三，把css文件放在頁(yè)面頂部

把外聯(lián)或內(nèi)聯(lián)樣式表放在body部分會(huì)影響頁(yè)面渲染的速度，因?yàn)闉g覽器只有在所有樣式表下載完成后才會(huì)繼續(xù)下載頁(yè)面其他內(nèi)容。另外，內(nèi)聯(lián)樣式表（放在

<legend id="1nlyg"></legend>
    <address id="1nlyg"></address>