web前端优化

JavaScript方面

put script at bottom

脚本尽量放在页面的底部

 

make javascript and css external

尽量使用外联的javascript和css文件

 

minify javascript and css

最小化javascript和css文件

 

remove duplicate Scripts

去除重复脚本

在IE中重复脚本会导致用户加载页面的时候多了一次http请求，虽然
这个在firefox下面会被缓存
但是在IE和firefox下面都会花费很多时间来重复执行这些重复脚本
很影响性能。

 

Develop Smart Event Handlers

使用更加智能的事件监听句柄

如果你有10个按钮在同一个div下面
请直接在这个div上面监听事件，而不要监听每个button按钮

 

CSS方面

Put Stylesheets at Top
Avoid CSS Expresstions
Choose <link> Over @import
Avoid Filters

 

图片方面:
Optimize Images
Optimize CSS Sprites
Do Not Scale Images in HTML
Make favicon.ico Small and Cacheable