Web前端性能优化
来源:互联网 发布:网页js动画特效代码 编辑:程序博客网 时间:2024/05/01 13:33
Web前端性能优化:
1.减少http请求
主要手段是合并CSS、JavaScript、图片,将浏览器一次访问所需的JavaScript、CSS内容合并成一个文件,图片可以合成一张或者是有不同的超链接时可通过CSS偏移响应鼠标点击操作构造不同的URL。2.使用浏览器缓存
通过设置HTTP头中的Cache-Control和Expires的属性,可设定浏览器缓存。
某些时候需要将这些缓存进行更新,这时只需要更改文件名并更新Html中的引用,采用逐量更新的方法,不要一次性更新,不然会出现用户浏览器大量缓存失效,集中更新缓存,造成服务器负载剧增、网络阻塞情况。
3.启用压缩
用GZip压缩可达到较好效果。
4.CSS放在页面最上面,JS放在页面最下面
因为先看到整体页面,再看到动态效果。
5.减少Cookie传输
6.运用CDN(Content Distribute Network,内容分发网络),这是一种缓存机制,部署在网络运营商的机房,用户的请求路由第一时间是到达CDN服务器,最短路径返回响应,加快访问数据,减少服务器压力。
7.反向代理服务器,用户第一次访问后的静态内容缓存在反向代理服务器,当其他用户访问该静态内容时,可以直接从反向代理服务器上返回。
http://blog.csdn.net/cengjingcanghai123/article/details/39293433
0 0
- Web 前端性能优化
- Web 前端性能优化
- WEB前端性能优化
- web前端性能优化
- web前端性能优化
- web前端性能优化
- web前端性能优化
- Web前端性能优化
- Web前端性能优化
- web前端性能优化
- web前端性能优化
- Web前端性能优化
- web前端性能优化
- Web前端性能优化
- web前端性能优化
- Web前端性能优化
- web前端性能优化
- Web前端性能优化
- Eclipse Java代码格式,用4个空格代替tab键, 这样代码格式跨平台也不会乱。
- hdu 4461 The Power of Xiangqi(水题)
- 鼠标的响应
- powerdesigner 概念模型(conceptualDataModel)创建详解
- Codeforces Round #277.5 (Div. 2)
- Web前端性能优化
- Odoo 表单界面标签与栏位空间调整
- Powerdesigner15-物理模型-导出建表sql语句
- hadoop日志分析
- MVC Json 的返回
- 仿照google maps两列式布局
- struts2配置全局result的global-exception-mappings
- 3349
- ubuntu 12.04 安装 nginx+php+mysql web服务器