前端优化方法 web

1：拆分初始化负载

Ajax 和动态 HTML 的日益普及网页上面的 js 和 css 也变得非常庞大， web 程序也变得像桌面程序一样，很大一部分代码不会在启动时候使用，而是采取插件式架构，允许动态加载模块。在一个大型结构复杂的网页上面，为了不影响用户体验，可以把 js 分为两部分，一部分是渲染页面必须的，剩下是一部分。这样也在一定程度上面提高用户体验，给用户第一时间看到完整的页面。再寻找哪些 js 可以被拆分，可以通过一些辅助工具来判断， firebug 就是一个非常好的工具，可以通过查看哪些函数 onload 之前未被使用。通过判断可以把其中一部分拆分出来，但是有些不开始拆分，例如页面的错误处理和业务判断等 js 是不能拆分的，如果要拆分合理必将是一项严谨的工作。

2：优化图片
尽可能使用 png 格式图片

3：规范
1）把 CSS 样式放在页面的上方。
2）将脚本放在底部 ( 包括内联的 )
3）避免在 CSS 中使用 Expressions
4）将 javascript 和 css 独立成外部文件
5）缓存ajax请求（看个例子。一个web2.0邮件客户端可能使用Ajax来下载用户的地址簿来做自动完成使用。如果用户在上次使用这个产品之后一直没有修改过地址簿信息，那么地址簿响应数据可以在cache里面读取，前提是那个Ajax请求返回的时候加了将来时间的Expires和Cache-Control头。浏览器必须知道什么时候用以前的cache内容，什么时候得发起一个新的请求。怎么实现呢？可以将用户地址簿的最后修改时间戳加在请求的URL里面，例如，&t=1190241612这样。如果上一次加载时修改时间没有变化的话，再次发起的请求就会从浏览器的cache里面读取了，这样就消除了额外的HTTP折返请求。如果修改时间变了，那么请求的URL就是新的，在浏览器的cache里面找不到可用的数据，浏览器就重新发起请求，更新整个数据。）

4：减少http请求
将多次请求的内容合并成一次请求（css,js）
5: 反向代理服务器