在前端面试中，优化前端性能的http请求流程经常被问到：“从输入URL到页面加载和显示为止，该流程发生了什么？” 这是前端经典面试问题之一。 这个过程涉及的东西很多，区分度很高。
大致分为以下几个过程。
1.DNS分析
2.TCP连接
发送HTTP请求
4 .服务器处理请求，并返回HTTP消息
5 .浏览器分析渲染页面
6 .连接结束
简单的回答：
浏览器将所请求的URL传递给DNS域名解析，找到对应的IP地址，向服务端发出请求；
传递到服务器后台处理完成后返回数据，浏览器接收文件(html、css、js、图像等)
浏览器分析加载的资源并建立适当的内部数据结构(如html或dom )；
加载已解析的资源文件，并完成页面渲染。
了解这个过程的意义何在？
其实，我知道这个过程对前端的性能优化有意义。 在此过程中找到优化点，缩短请求时间，加快web前端访问速度，提高性能。
在这里写照片的说明
首先，让我们大致看一下请求的总体流程。
1、用户先去浏览器输入url。 浏览器内部的核心代码拆分并分析url，最终将用户的域发送到dns服务器。 dns服务器根据域查找与相关主机对应的ip地址，并将ip地址返回给浏览器。 浏览器有ip地址，所以我知道这个请求要发送到哪里。 随着协议，在协议中携带ip
2 .这些请求通过局域网、交换机、路由器和主干网到达服务端。 服务端是MVC架构，请求首先进入controller，在controller中进行相关的逻辑处理和请求分发，然后调用我们的模型层(负责与数据的交互)，在与数据的交互过程中那时，http请求的response从服务器端返回浏览器。 浏览器主要是在制作render的过程(浏览器根据要求返回的html，以及基于与该html相关联的css和js进行渲染的过程)渲染的过程中，浏览器根据html与相关联的dom树对应。 最终知道某个dom节点需要渲染什么样的样式，在页面上进行样式的渲染
对于前端开发，请参阅在这个过程中可针对哪些点进行性能优化呢？
1、减少要求的时间。
缓存DNS的这一部分可以减少浏览器访问DNS服务器的时间。
2、网络请求流程是否涉及带宽、网络选择、缓存和优化？
许多公司选择CDN来解决网络选择和缓存问题。 但是，在访问CDN的过程中也会出现问题。 CDN用于请求静态资源，对于静态资源来说，实际上在请求过程中携带的cookie是徒劳的。 因此，虽然您希望在请求静态资源时从http请求头中删除cookie，但在许多情况下，CDN的域名与我们站点的域名相同，因此CDN的域名与主域名相同这样可以防止访问CDN时主机cookie也会携带的问题。
-CDN可以解决静态资源网络选择和缓存问题，但并非所有接口都提供cdn。 在这样的接口上，可以创建缓存吗？
除了CDN，浏览器端也可以创建相关的缓存策略。 通过浏览器端的缓存策略，您可以到浏览器的缓存端读取几个相同的资源和接口。 这样可以提高访问速度。
除了缓存和路径选择外，带宽也是关键。 如果一个http请求的大小相对较小，则返回速度相对较快。 如何减小http请求的大小也是整个请求过程中非常重要的一点。 另外，如果每个http请求都在一个网络环境中到达服务器，而实际上每个请求都有一个网络环境丢失，是否可以将多次http请求合并为一次，以减少相同的网络丢失？ 这也是我们考虑的地方。
3、大框架、vue、react等浏览器端的渲染过程。 该模板实际上在浏览器侧进行渲染。 应该使用框架中相关的框架代码呈现页面，而不是直接呈现html。 这个渲染过程对第一个屏幕有很大的损失。 在前端性能不利的行业中，有框架渲染方案，可以通过在服务器端渲染整个html来渲染整个html——在渲染之前，服务器端渲染和渲染的
以上是http网络请求中的详细的优化点。 了解发生http请求的详细流程，并在此过程中发现这些优化点以优化前端性能。
请求过程中一些潜在的优化点
：1.DNS是否可通过缓存减少DNS查询时间？
2.网络请求的过程走最近的网络环境？
3.相同的静态资源是否可缓存？
4.能否减少http请求的大小？
5.减少http请求
6.服务端渲染
深入理解http请求的过程是前端性能优化的核心。当然，前提是需对业务及业务中所用技术栈的深入理解，针对业务中所真正请求的场景，然后才能去做相应的优化。