最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

 
 
 

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
      
  
  
  
   
  
  
  
     
  
  
  
      
  
  
  
   
  
  
  
  
  
  
  
body> 
  
  
  
  
 
  
  
  
        
  
  
  
       
  
  
  
       
  
  
  
      
  
  
  
     
  
  
  
      
  
  
  
     
  
  
  
     
  
  
  
      
  
  
  
     
  
  
  
  

在此之前,首先來(lái)普及一下頁(yè)面加載的小知識(shí):

當(dāng)頁(yè)面的html骨架載入了之后,瀏覽器就開(kāi)始解析頁(yè)面中標(biāo)簽,從上到下開(kāi)始解析.

首先是head標(biāo)簽的解析,如果發(fā)現(xiàn)在head中有要引用的js腳本,那么瀏覽器此時(shí)就開(kāi)始請(qǐng)求腳本,此時(shí)整個(gè)頁(yè)面的解析過(guò)程就停了下來(lái),一直到j(luò)s請(qǐng)求完畢.

之后頁(yè)面接著向下解析,如解析body標(biāo)簽,如果在body中有img標(biāo)簽,那么瀏覽器就會(huì)請(qǐng)求img的src對(duì)應(yīng)的資源,如果有多個(gè)img標(biāo)簽,那么瀏覽器就一個(gè)個(gè)的解析,解析不會(huì)像js那樣等待的,如果發(fā)現(xiàn)img的url地址是同一個(gè)地址,那么瀏覽器就會(huì)充分的利用這個(gè)已經(jīng)打開(kāi)的tcp連接順序的去一個(gè)個(gè)的請(qǐng)求圖片,如果發(fā)現(xiàn)有的img的url地址不同,那么瀏覽器就另開(kāi)tcp連接,發(fā)送http請(qǐng)求.

注意之前請(qǐng)求js的區(qū)別:請(qǐng)求需要js,瀏覽器會(huì)一直等待,不在解析下面的html標(biāo)簽

但是解析到img的時(shí)候,盡管此時(shí)需要加載圖片,但是頁(yè)面的解析過(guò)程還是會(huì)繼續(xù)下去的,然后決定是否發(fā)送新的tcp連接加載資源.

大家可能覺(jué)得這個(gè)之前的代碼片段一樣,確實(shí)代碼是一樣的,但是,在最開(kāi)始的時(shí)候,發(fā)送到瀏覽器中的只是那些html的代碼,任何的js腳本和圖片還沒(méi)有發(fā)送過(guò)來(lái).

當(dāng)html代碼到了瀏覽器中,那么瀏覽器就開(kāi)始一步步的解析這些代碼了,只要遇到了需要加載的資源,瀏覽器就向服務(wù)器發(fā)出http請(qǐng)求,請(qǐng)求所需的資源.

整個(gè)頁(yè)面的加載時(shí)間圖如下:

大家從圖中可以看出:

第一條線中分為一半黃色和一半藍(lán)色,其實(shí)黃色的部分就代表了打開(kāi)一個(gè)tcp連接花的時(shí)間,而后面的藍(lán)色的部分就是請(qǐng)求整個(gè)html骨架文檔的時(shí)間.可以看出,請(qǐng)求html骨架的時(shí)間是很短的.其余藍(lán)色的線就表示了圖片,腳本資源加載所花的時(shí)間.

很顯然,這樣頁(yè)面的整個(gè)加載時(shí)間就很長(zhǎng)了.因?yàn)轫?yè)面的加載幾乎是順序的載入,時(shí)間就是所有資源加載時(shí)間的總和.

下面我們把上面的頁(yè)面代碼代為如下: