前端优化之观察新浪微博

来自搞起博客

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请求数问题及优化策略 》之后才明白的一个问题。

加载css

参考地址：

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

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