web性能阅读笔记

128 阅读1分钟

Web性能的直观反映: 从输入URL按下回车键页面内容呈现在浏览器上所需要的时间。即“页面传送并对最终用户可用的时间”。

Web性能的影响因素

  1. 网络延迟 完成一个HTTP请求的过程:
    • 进行DNS查询, 向DNS服务器(DNS查询 -- DNS应答),获取服务器的IP地址
    • 三次握手(浏览器与服务器之间)
    • HTTP请求, HTTP响应
    • 四次挥手(浏览器与服务器之间)
  2. 将页面中所有的资源加载完毕,所需要的HTTP请求数。每一项资源的请求都会开启新的线程和进行一次HTTP的请求过程,请求资源数量过多会导致所有资源加载完毕所需要的时间变长。
  3. 浏览器的解析与渲染 浏览器自上而下读取html内容,当script标签放在body前面时,浏览器会先对js进行解析和执行,停止对HTML的渲染,会导致页面首次渲染成功的时间延后。
  4. 运行时性能 应用程序运行时对于用户输入的响应速度。