系统优化【1】---web前端

1.设置一个独立的前端文件服务器
2.对css和js文件启用Gzip压缩
3.合同多个小css文件和js文件,但是也不宜过大,百k以内是较好的选择
4.合并小的图片, 利用 CSS background 相关元素进行背景图绝对定位,单个文件最佳控制在200K 以下
5.把CSS样式放在页面的上方,无论是HTML还是XHTML还是CSS都是解释型的语言,而非编译型的。所以CSS到上方的话,那么浏览器解析结构的时候,就已经可以对页面进行渲染。
6.将脚本放在底部
7.避免使用CSS中的Expressions
8.减少DNS查询,降低网络解析的时间损耗
9.尽量减少重定向,比如对 Web 站点子目录的后面添加个 "/ " ,就能有效避免一次重定向。http://www.xxx.com/a 与 http://www.xxx.com/a/ 二者之间是有差异的。
10.采用前端MVC框架,提高服务器每次响应的利用率
11.最小化 iframe 的数量
12.切分组件到多个域,提高页面组件并行下载能力,提高文件并行下载速度
13.单个数据对象小于 25K。
14.使用 <link> 而不是@importChoose <link> over @import。在 IE 中 @import 指令等同于把 link 标记写在 HTML 的底部。
15.缩小 Cookie,针对 Web 组件使用域名无关性的 Cookie

16.对 AJAX 请求使用 GET 方法,XMLHttpRequest POST 要两步,而 GET 只需要一步。但要注意的是在IE 上 GET 最大能处理的 URL 长度是 2K。

17.利用CDN加速服务,更好的适应中国的网络环境。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值