前端性能优化
文章平均质量分 85
qishuaishuai_0413
这个作者很懒,什么都没留下…
展开
-
前端性能优化-页面性能优化-页面加载缓慢的因素
页面加载缓慢地因素在抛开网速不谈的情况下,一般分为。,这里只说客户端因素。原创 2024-03-27 21:34:48 · 1001 阅读 · 0 评论 -
前端性能优化-页面性能优化-认识浏览器3
重排:元素的尺寸变了,位置变了重绘:元素的颜色、背景、边框、轮廓变了,但是,元素的几何尺寸没变。reflow的成本比repaint的成本高很多很多,DOM Tree里的每个节点都会有reflow方法。一个节点的reflow很有可能导致子节点,甚至是父节点以及同级节点的reflow。原创 2024-03-22 20:20:59 · 612 阅读 · 0 评论 -
前端性能优化-页面性能优化-认识浏览器2
设备刷新率是设备屏幕渲染的评率,通俗一点就是,把屏幕当做墙,设备刷新率就是多久重新粉刷一次墙面。常见设备的刷新评率都是60FPS,也就是屏幕在1s内渲染60次,约16.7ms渲染一次。这也就意味着,我们浏览器最佳的渲染性能就是所有的操作在一帧16.7ms内完成,能否做到一帧完成直接决定着渲染性,影响用户交互。渲染引擎一开始会从网络层获取请求文档的内容,内容的大小一般限制在8000个块以内,然后进行如下所示的流程基本流程Parsing HTML to construct the DOM treeRender原创 2024-03-21 23:32:49 · 1358 阅读 · 0 评论 -
前端性能优化-页面性能优化-认识浏览器1
浏览器的主要功能就是向服务器发出请求,在浏览器窗口终止韩式选择的网络资源包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的请求页面外,其他显示的各个部分都属于用户界面在用户界面和渲染引擎之间传送指令。负责显示请求的内容,如果请求的内容是HTML,它就负责解析HTML和CSS内容,并将解析后的内容显示在屏幕上。用于网络调用,比如HTTP请求。其接口与平台无关,并为所有平台提供底层实现。用于绘制基本的窗口小部件,比如组合框和窗口。其公开了与平台无关的通用接口,而在底层使用操作系统的用户界面方法。用于原创 2024-03-20 22:53:47 · 1467 阅读 · 0 评论