前端優(yōu)化之觀察新浪微博

來自搞起博客

dns-prefetch

什么是 DNS Prefetch ?

DNS Prefetch 是一種 DNS 預(yù)解析技術(shù)。當(dāng)你瀏覽網(wǎng)頁時(shí),瀏覽器會(huì)在加載網(wǎng)頁時(shí)對(duì)網(wǎng)頁中的域名進(jìn)行解析緩存,這樣在你單擊當(dāng)前網(wǎng)頁中的連接時(shí)就無需進(jìn)行 DNS 的解析,減少用戶等待時(shí)間,提高用戶體驗(yàn)。

font 12px/1.3

代表什么意思呢,那就是字體大小是12px,后面的是行高1.3倍

針對(duì)IE7以下的背景圖片緩存

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

頁面樣式分塊分層渲染

我們通常都會(huì)想,盡量的把css,js等靜態(tài)文件壓縮合并,是的,這種思路是沒有錯(cuò)的,但是,這只能說針對(duì)于在css、js文件的內(nèi)容不多,壓縮之后不是很大的情況下才算是較優(yōu)的策略,然而當(dāng)合并起來也較大時(shí),其實(shí)應(yīng)該分層次的將css拆開成不多的幾個(gè)文件,讓用戶的首屏不會(huì)出現(xiàn)很長(zhǎng)時(shí)間的空白。其實(shí)這也是看了撲靈大大的博客《談新浪微博的前端重構(gòu)中的CSS請(qǐng)求數(shù)問題及優(yōu)化策略 》之后才明白的一個(gè)問題。

加載css

參考地址:

http://skyhome.cn/div_css/301.html

http://www.jb51.net/article/26422.htm

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容