原始碼是HTML檔案(或者是php什麼的生成的HTML檔案)的程式碼,從拿到程式碼到網頁渲染完成之間有這麼幾步要做:檢視原始碼中各種資源引用標籤。對於引用其他HTTP資源的標籤,比如script帶來的js指令碼,link帶來的css樣式表,img帶來的圖片等等,要各自發起對應的GET請求,跨站的話還要重做DNS。GET發起後,伺服器端還有可能根據你的cookie和UA等等再做運算後才作出回覆。等到下載了回覆後然後你才能繼續渲染。這一步常常是最耗時的。瀏覽器引擎此時需要根據HTML文件和CSS樣式表渲染網頁,這一步是佔本地運算資源的,一般本地運算耗時根網路通訊比起來不算什麼。現代網頁往往會用到js訪問dom完成動態部分的載入。雖然嚴格講這時網頁往往已經渲染完成,但是真正的資訊部分需要再用ajax取得的網頁是多見的。若如此,那麼使用者看到的完全可以是一片空白。舉例:google instant search。每當dom發生改變,瀏覽器需要重新渲染一遍網頁。這一步的耗時可多可少,由設計者決定耗時的分配。然後你就看到網頁了。如果dom被動過,那麼此時你看到的網頁和你view-source拿到的原始碼很有可能已經不是一個東西了。
原始碼是HTML檔案(或者是php什麼的生成的HTML檔案)的程式碼,從拿到程式碼到網頁渲染完成之間有這麼幾步要做:檢視原始碼中各種資源引用標籤。對於引用其他HTTP資源的標籤,比如script帶來的js指令碼,link帶來的css樣式表,img帶來的圖片等等,要各自發起對應的GET請求,跨站的話還要重做DNS。GET發起後,伺服器端還有可能根據你的cookie和UA等等再做運算後才作出回覆。等到下載了回覆後然後你才能繼續渲染。這一步常常是最耗時的。瀏覽器引擎此時需要根據HTML文件和CSS樣式表渲染網頁,這一步是佔本地運算資源的,一般本地運算耗時根網路通訊比起來不算什麼。現代網頁往往會用到js訪問dom完成動態部分的載入。雖然嚴格講這時網頁往往已經渲染完成,但是真正的資訊部分需要再用ajax取得的網頁是多見的。若如此,那麼使用者看到的完全可以是一片空白。舉例:google instant search。每當dom發生改變,瀏覽器需要重新渲染一遍網頁。這一步的耗時可多可少,由設計者決定耗時的分配。然後你就看到網頁了。如果dom被動過,那麼此時你看到的網頁和你view-source拿到的原始碼很有可能已經不是一個東西了。