web前端优化
时间:2010-07-19 来源:frosh
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