前言:
白屏时间-在前端性能优化中重中之重,因此我们需要对白屏时间的概念、重要性以及白屏的过程进行学习,本文也会带领大家一起学习相关白屏知识。
概念:
白屏时间是指浏览器从响应用户输入网址地址,到浏览器开始显示内容的时间,我们一般认为浏览器开始渲染标签或者解析完标签的时刻就是页面白屏结束的时间点。
白屏时间的长短将直接影响用户对该网站的印象。
重要性:
从用户输入网址访问页面或者点击打开页面开始,就开始等待页面的展示。页面渲染的时间越短,用户等待的时间就越短,用户感知到页面的速度就越快。这样可以极大的提升用户的体验,减少用户的跳出,提升页面的留存率,这将大大提高用户对页面的访问率和使用率。
过程:
-
DNS Lookup(域名解析):
请求某域名下的资源,浏览器需要先通过DNS解析器得到该域名服务器的IP地址。在DNS查找完成之前,浏览器不能从主机名那里下载到任何东西。所以浏览器会先对页面进行域名解析,获取到服务器的IP地址后,进而和服务器进行通信。
注意:通常在整个加载页面的过程中,浏览器会多次进行DNS Lookup,包括页面本身的域名查询以及在解析HTML页面时加载的JS、CSS、Image、Video等各种资源产生的域名查询。
-
建立TCP请求连接:
浏览器和服务端TCP请求建立的过程