D 的个人博客

但行好事莫问前程

  menu
417 文章
3446695 浏览
6 当前访客
ღゝ◡╹)ノ❤️

Web 应用性能优化——HTTP 请求数

Web 应用性能——HTTP 请求数

摘要

从页面 HTTP 请求数以及 HTTP 缓存两方面来分析 Web 应用性能,并给出相应优化建议。

HTTP 请求数

浏览器在请求服务器后如果返回 HTML,则在浏览器端可能会涉及到如下一些并发 HTTP 请求:

  • CSS/JS/IMG(via GET),请求数记作 S
  • 脚本函数请求(via AJAX GET/POST/etc.),请求数记作 D
  • IFrame(via GET, S’& D’),请求数记作 I

由此可得出一个用户在无浏览器缓存时访问某页面的 HTTP 并发数:

C = S + D + I

优化策略

为了有效降低并发 HTTP 请求数 C,必须降低 S、D 与 I。可以考虑从以下几个方面进行优化:

  • CSS Sprite,图片压缩(降低 S)
  • CSS/JS合并,压缩(降低 S)
  • 离线存储(降低 D)
  • 避免使用IFrame,AJAX 加载(降低 I,降低 S、D)

HTTP 缓存

HTTP 缓存的目的在于减少服务器处理损耗,降低带宽占用,从而提高浏览器端用户体验,提升服务器性能。

在 HTTP/1.1 协议中,最常用的缓存控制方法是通过设置 Cache-Control、Expires、Last-Modified、ETag 头作为响应内容缓存控制策略。

其基本原理是服务器在处理请求时通过非常高效、低耗的计算(时间,HASH)可以得知请求的内容是否发生变化,若未变化则告知浏览器 304(Not Modified),浏览器从本地缓存取资源;否则返回请求资源。

优化策略

响应头 Cache-Control、Expires、Last-Modified、ETag 必须进行有效设置:

  • CSS/JS/IMG/etc.
    将这些静态资源设置缓存控制,例如至少为一天。
  • 静态/动态资源分离
    将静态资源部署到独立的 HTTP 服务器中,这样可以有效缓解应用服务器压力。

结论

通过降低页面 HTTP 请求数,优化 HTTP 缓存可以有效降低前端服务器负载。将静态/动态资源分离能进一步优化服务整体性能,但需要改进前端服务器(负载均衡代理服务器)代理模式。