高并发解决方案: 减少 HTTP 请求次数

性能黄金法则

只有 10%-20% 的最终用户响应时间花在接收请求的 HTML 文档上,剩下的 80%-90% 时间花在 HTML 文档所引用的所有组件(图片,scriptcssflash等)进行的 HTTP 请求上。

如何改善

改善响应时间的最简单途径就是减少组件的数量,并由此减少 HTTP 请求的数量。

HTTP 连接产生的开销

域名解析TCP 连接发送请求等待下载资源解析时间
(减少开销:DNS缓存Keep-Alive

减少 HTTP 请求次数方法
  • 图片地图,把多个图片拼成一个,使用 HTMLmap 标签来定位同一张图片不同位置的链接请求
  • CSS Sprites 中文翻译为 CSS 精灵,通过使用合并图片,通过指定 cssbackgroud-imagebackgroud-position 来显示元素。
  • 合并脚本和样式表,使用外部的 jscss 文件引用的方式,因为这要比直接写在页面中性能要更好一点;独立的一个 js 比用多个 js 文件组成的页面载入要快 38%
  • 图片使用 Base64 编码减少页面请求数。采用 Base64 的编码方式将图片直接嵌入到网页中,而不是从外部载入。(高版本浏览器解析)

以上资源均来自网络,只为记录~
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值