从 URL 回车 到 页面呈现

详尽回答
输入网址按下回车发生了什么？

简略回答

  1. URL 输入回车
  2. DNS 解析
    解析 URL 变成
    相应服务器的 IP 地址
    或 代理服务器的 IP 地址
  3. 浏览器网络向相应服务器发起 TCP/IP 连接请求
    三次握手
  4. 建立 TCP/IP 连接
  5. 浏览器网络发起 HTTP 请求
  6. 等待响应过程
  7. 下载 HTML 资源
  8. 解析 HTML
  9. 遇到 HTML 里的资源， 再次发起 HTTP 请求，下载资源
    四次挥手
  10. 时间线

  11. 呈现页面

    减少 HTTP 请求的核心

    让 HTTP 请求的必要性降低

  12. 能做雪碧图就做雪碧图，CSS 雪碧图

  13. base64 编码图片

  14. 合并脚本与样式表代码
    HTML / JS / CSS

    工程化来具分生产环境 Development 与生产环境 Production

  15. 配置多个域名，
    CDN 加速服务

    • 用你的域名在第三方服务吕上进行解析，从而生成 CDN 加速域名
  16. 尽量使用浏览器的缓存机制
  17. img 的 map