跳到主要内容

前端优化之观察新浪微博

· 阅读需 4 分钟

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

我产生了一个问题

这个 link 标签中的 includes 属性哪来的?从后面的内容来看像是把各个区域分块加载出来的。

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