学习笔记-前端优化之白屏时间

133 阅读1分钟

什么是白屏时间

白屏时间就是在用户访问网站时,屏幕没有内容的时间 主要是由于我们在打开网页的时候中间发生了一系列的事情

当我们输入网址点击回车之后发生了什么?

  1. DNS:首先浏览器会在DNS服务器中我们输入的域名,获取到ip地址
  2. 建立TCP连接:就是所谓的三次握手
  3. 服务器响应:开始处理我们的请求,返回我们需要的东西
  4. 浏览器解析:解析服务器返回的html/css/js文件,链接,图片,视频等

该如何优化呢?

  1. DNS:DNS缓存优化,DNS预加载,使用可靠的DNS服务器

  2. TCPIP:花钱

  3. 服务器响应:花钱提升服务器配置,然后使用Redis缓存,数据库存储优化,各种服务端优化手段...

  4. 浏览器解析优化:

    a. 压缩html,css,js代码 b. 定制缓存策略 c. 合理放置js代码,不适应内联js,会导致html暂停解析去执行js