失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 渲染页面:浏览器的工作原理

渲染页面:浏览器的工作原理

时间:2022-08-26 11:01:02

相关推荐

渲染页面:浏览器的工作原理

页面内容快速加载和流畅的交互是用户希望得到的Web体验,因此,开发者应力争实现这两个目标。

了解如何提升性能和感知性能,有助于了解浏览器的工作原理。

概述

快速响应的网站提供更好的用户体验。用户期待内容快速加载和交互流畅的Web体验

等待资源加载时间和大部分情况下的浏览器单线程执行是影响Web性能的两大主要原因。

等待时间是需要去克服来让浏览器快速加载资源的主要威胁. 为了实现快速加载,开发者的目标就是尽可能快的发送请求的信息,至少看起来相当快。网络等待时间是在链路上传送二进制到电脑端所消耗的链路传输时间。Web性能优化需要做的就是尽可能快的使页面加载完成。

大部分情况下,浏览器是单线程执行的。为了有流畅的交互,开发者的目标是确保网站从流畅的页面滚动到点击响应的交互性能。渲染时间是关键要素,确保主线程可以完成所有给它的任务并且仍然一直可以处理用户的交互。通过了解浏览器单线程的本质与最小化主线程的责任可以优化Web性能,来确保渲染的流畅和交互响应的及时。

导航

导航是加载web页面的第一步。它发生在以下情形:用户通过在地址栏输入一个URL、点击一个链接、提交表单或者是其他的行为

web性能优化的目标之一就是缩短导航完成所花费的时间,在理想情况下,它通常不会花费太多的时间,但是等待时间和带宽会导致它的延时。

DNS 查找

对于一个web页面来说导航的第一步是要去寻找页面资源的位置。如果导航到, HTML页面 被定为到IP地址为93.184.216.34的服务器。如果以前没有访问过这个网站,就需要进行DNS查找。

浏览器通过服务器名称请求DNS进行查找,最终返回一个IP地址,第一次初始化请求之后

如果觉得《渲染页面:浏览器的工作原理》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。