前端優化之觀察新浪微博

首發於搞起博客

dns-prefetch

什麼是 DNS Prefetch ?

DNS Prefetch 是一種 DNS 預解析技術。當你瀏覽網頁時，瀏覽器會在加載網頁時對網頁中的域名進行解析緩存，這樣在你單擊當前網頁中的鏈接時就無需進行 DNS 的解析，減小用戶等待時間，提升用戶體驗。

font 12px/1.3

表明什麼意思呢，那就是字體大小是12px，後面的是行高1.3倍

針對IE7如下的背景圖片緩存

try{document.execCommand("BackgroundImageCache", false, true);}catch(e){}

頁面樣式分塊分層渲染

咱們一般都會想，儘可能的把css，js等靜態文件壓縮合並，是的，這種思路是沒有錯的，可是，這隻能說針對於在css、js文件的內容很少，壓縮以後不是很大的狀況下才算是較優的策略，然而當合並起來也較大時，其實應該分層次的將css拆開成很少的幾個文件，讓用戶的首屏不會出現很長時間的空白。
其實這也是看了撲靈大大的博客《談新浪微博的前端重構中的CSS請求數問題及優化策略 》以後才明白的一個問題。

## 我產生了一個問題
這個link 標籤中的includes屬性哪來的？從後面的內容來看像是把各個區域分塊加載出來的。

參考地址：
http://skyhome.cn/div_css/301.html
http://www.jb51.net/article/26422.htm