梳理：提高前端性能方面的处理以及不足
一、清明时节雨纷纷
明儿个清明节了，也是我在现在公司三年合同到期的时间，本来计划换个地方的，无奈面试智商低、个性不收敛、略显随性，面了两家心仪公司，都在最后被拒了。我跟总监说了这事，他说我是挺亏的（毕竟不是因为技术能力不足被拒），他建议我把棱角再磨掉些。要磨吗
？
先不说这个，毕竟我还年轻，机会还会有，所以当作扩展眼界、自我学习的好机会。return;
面试时候，有被提问网站性能优化的问题。被问到这个问题的时候，第一反应是，这是我自认为做的不错的地方、我做了很多优化，于是扑面而来很多信息，但由于之前没有系统梳理过，很多非常基本的都漏了（可能潜意识觉得这是常识，没什么好说的），其他的技术点也有些乱，我自己觉得是糟糕的回答。
于是，才有今天这篇文章，自己梳理下，顺便跟大家交流交流。//zxx: 本文所述的优化以及问题都可以从订餐小秘书上找到。
二、最最基本的
- CSS顶部, JS底部
- YUI compressor/Gzip
- CDN 有
- 必要的CSS Sprite
- Ajax可缓存
以上没什么好说的。
三、CSS渲染、页面重绘以及回流
- 尽量避免类似
.a.b{}.list a{}以及其他一些复杂选择器，以提高整站整体CSS渲染。 - 避免某些expression表达式，避免IE6的
AlphaImageLoaderpng透明滤镜，可以试试使用fireworks生成png8 alpha透明（目前photoshop只有png8 索引透明）。 - 适当定高，例如如果div内容可能有高度差异的动态内容载入。什么意思？例如右上角的个人用户信息是页面渲染完毕之后动态载入的。但是，有可能会出现高度20像素的小图标，
，而文字所占据高度为12px * 1.4 = 16.8px, IE6又存在行高被拒的悲剧。因此，如果这部分div不定高，就会出现个人信息载入后，整个页面下沉几像素(3.2像素？)页面重绘的问题。 记住这么个原则， 页面刷新载入的时候，应避免页面元素的晃动、位移等，这些都是额外的重绘，会让你的CPU和风扇兴奋的。
- 图片设定不响应重绘的尺寸，如果你的
你可以使用
width/height控制，或者在CSS中设置。