web开发性能优化---UI界面篇
1、尽量采用div+css布局
DIV+CSS相比较与表格布局的优势：
a.代码精简
由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套，那样将整个页面圈在一个大表格里，使得加载速度很慢。
2、img标签合理使用
a、限制图片大小 20-100k即可，尽量不影响展现的时候去最小化
b、title、alt属性写完整
c、不要为了在HTML 中设置长宽而使用比实际需要大的图片。如果你需要：
那么你的图片（mycat.jpg ）就应该是100×100 像素而不是把一个500×500 像素的图片缩小使用。
3、少用js特效展示，避免瞎用js特效，影响加载
主要还是Js调用，直接页面中使用JavaScript语句，还是很占网页体积的,不要全部把js堆积在页面；比如当你增加一个事件句柄时在500 和5000 个DOM 元素中循环效果肯定是不一样的。
4、js、css动态压缩
web系统中免不了要使用大量的javascript和css文件，如开源的javascript框架prototype、jquery、extjs-core等等，这些js框架，少都有几百K，我曾经做过不少项目，都用了
大量的js。特别是extjs，功能实在是强大，却也是体积最大的一个js框架。使用中稍不留神很容易导致你的系统反映缓慢。为了提高js、css文件的下载速度，从而提高页面的响应速度，减小文件的大小才是终极之道。
我之前写到的文章： js、css动态压缩页面代码 可以根据此方法进行代码动态压缩。
5、避免使用死链接
6、为文件头指定Expires 或Cache-Control
这条守则包括两方面的内容：
对于静态内容：设置文件头过期时间Expires 的值为“Never expire” （永不过期）
对于动态内容：使用恰当的Cache-Control 文件头来帮助浏览器进行有条件的请求
11、根据域名划分页面内容
把页面内容划分成若干部分可以使你最大限度地实现平行下载。由于DNS 查找带来的影响你首先要确保你使用的域名数量在2 个到4 个之间。例如，你可以把用到的HTML 内容和动态内容放在www.example.org上，而把页面各种组件（图片、脚本、CSS) 分别存放在statics1.example.org 和statics.example.org 上。
12、使iframe 的数量最小
DIV+CSS相比较与表格布局的优势：
a.代码精简
使用DIV+CSS布局，页面代码精简，这一点对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一是提高蜘蛛爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处;二是由于能高效的爬行，就会受到蜘蛛喜欢，这样对收录数量有一定好处。
使用一般的Table表格架构，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，spider爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。而DIV+CSS布局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的嵌套。
由于使用了DIV+CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。
由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套，那样将整个页面圈在一个大表格里，使得加载速度很慢。
2、img标签合理使用
a、限制图片大小 20-100k即可，尽量不影响展现的时候去最小化
b、title、alt属性写完整
c、不要为了在HTML 中设置长宽而使用比实际需要大的图片。如果你需要：
那么你的图片（mycat.jpg ）就应该是100×100 像素而不是把一个500×500 像素的图片缩小使用。
3、少用js特效展示，避免瞎用js特效，影响加载
主要还是Js调用，直接页面中使用JavaScript语句，还是很占网页体积的,不要全部把js堆积在页面；比如当你增加一个事件句柄时在500 和5000 个DOM 元素中循环效果肯定是不一样的。
4、js、css动态压缩
web系统中免不了要使用大量的javascript和css文件，如开源的javascript框架prototype、jquery、extjs-core等等，这些js框架，少都有几百K，我曾经做过不少项目，都用了
大量的js。特别是extjs，功能实在是强大，却也是体积最大的一个js框架。使用中稍不留神很容易导致你的系统反映缓慢。为了提高js、css文件的下载速度，从而提高页面的响应速度，减小文件的大小才是终极之道。
我之前写到的文章： js、css动态压缩页面代码 可以根据此方法进行代码动态压缩。
5、避免使用死链接
6、为文件头指定Expires 或Cache-Control
这条守则包括两方面的内容：
对于静态内容：设置文件头过期时间Expires 的值为“Never expire” （永不过期）
对于动态内容：使用恰当的Cache-Control 文件头来帮助浏览器进行有条件的请求
7、生成静态页面
8、二级站点域名，图片域名
我之前写到的文章：jquery.lazyload.js实现图片懒加载 可以根据此方法进行图片局部延时加载。
11、根据域名划分页面内容
把页面内容划分成若干部分可以使你最大限度地实现平行下载。由于DNS 查找带来的影响你首先要确保你使用的域名数量在2 个到4 个之间。例如，你可以把用到的HTML 内容和动态内容放在www.example.org上，而把页面各种组件（图片、脚本、CSS) 分别存放在statics1.example.org 和statics.example.org 上。
12、使iframe 的数量最小