一、Web前端性能优化
1、浏览器访问优化
1. 减少HTTP请求
主要手段是:合并CSS、合并JavaScript、合并图片。将浏览器一次访问需要的JavaScript、CSS合并成一个文件,这样浏览器就只需要一次请求。图片也可以合并为一张,如果图片有不同的超链接,可通过CSS偏移响应鼠标操作,构造不同的URL
2. 使用浏览器缓存
设置HTTP头中Cache-Control和Expires的属性
静态资源如果需要及时应用到客户端浏览器,可通过改变文件名实现,更新JavaScript文件并不是i更新JavaScript文件内容,而是生成一个新的JS文件并跟新HTML文件中的引用
更新时应当采用批量更新,不能一次性更新10个文件,应当有一定的间隔时间,以免浏览器大量缓存失效,集中更新缓存,造成负载骤减、网络堵塞的情况
3. 启动压缩
在服务器端对文件进行压缩,在浏览器端对文件解压缩,课有效减少通信传输的数据量
4. CSS放在页面最上面、JavaScript放在页面最下面
5. 减少Cookie传输
2、CDN加速
CDN缓存的一般是静态资源。例如:图片、文件、CSS、Script脚本、静态网页等
3、反向代理
二、应用服务器性能优化