# 前端性能优化 服务器

# 浏览器渲染过程

处理流程:

  1. 输⼊⽹址并回车
  2. 解析域名
  3. 浏览器发送HTTP请求
  4. 服务器处理请求
  5. 服务器返回HTML响应
  6. 浏览器处理HTML页⾯
  7. 继续请求其他资源

图片

根据图上内容 当请求一个新页面时

  • 先对上一个页面进行卸载(prompt for unload)
  • 同时进行重定向(redirect)
  • 此时会查看缓存有没有资源,如果有就直接跳过后面的内容,如果没有就继续(App cache)
  • 解析DNS
  • 建立TCP请求
  • 发出请求request,等待服务器响应
  • 服务器响应response
  • 浏览器把文本解析成对应在内存当中的对象(Processing)
  • 载入到内存
  • 进行渲染
  • 显示页面(onload)

# DNS详解

  • DNS 是Domain Name System, 域名系统,⽤于将域名转换为IP。
  • 顶级域名 goole.com是顶级域名 www.goole.com是二级域名
  • 域名资源记录
  • 域名服务器
  • 域名解析

图片

记录类型 含义
SOA:(StartOf Authority, 起始授权记录) ⼀一个区域解析库有且只能有⼀一个SOA记录,⽽而且必须放在第⼀一条

A记录(主机记录)| ⽤用于名称解析的重要记录,将特定的主机名映射到对应主机的IP地址上

CNAME记录(别名记录)| ⽤用于 返回另⼀一个域名,即当前查询的域名是另⼀一个域名的跳转, 主要⽤用于域名的内部 跳转,为服务器器配置提供灵活性 NS记录(域名服务器器记录)| ⽤用于返回保存下⼀一级域名信息的服务器器地址。该记录只能设置为域名,不不能设置为IP地 址。 MX(邮件记录)| ⽤用于返回接收电⼦子邮件的服务器器地址 IPv6主机记录(AAAA记录)|与A记录对应,⽤用于将特定的主机名映射到⼀一个主机的IPv6地址。