前端性能
文章平均质量分 93
前端性能
shelleyHLX
这个作者很懒,什么都没留下…
展开
-
performance及性能衡量方法
在前端监控中,会统计页面相关的性能指标数据,如:DNS解析耗时、TCP连接耗时、DOM解析耗时、首包时间等等。刚接触前端监控的同学会提出很多问题,这些性能指标数据是如何获取的、计算的方式是怎样的、如何根据统计的数据做性能优化?下面会针对这些问题做一个详细介绍。 performance window.performance 是W3C规范提供的接口,可以通过它获取到用户访问一个页面的每个阶段的精确时间(timestamp),从而对性能进行分析。 其中performance.timing包含的统计字段如下图原创 2021-12-27 14:44:55 · 891 阅读 · 0 评论 -
浏览器背后的运行机制
浏览器的心 浏览器的心, 说的就是浏览器的内核。在研究浏览器微观运行机制之前, 我们首先要对浏览器内核有一个宏观的把握。 许多工程师因为业务需要, 免不了需要去处理不同浏览器下代码渲染结果的差异性。这些差异性正是因为浏览器内核的不同而导致的——浏览器内核决定了浏览器解释网页语法的方式。 浏览器内核可以分两个部分:渲染引擎和js引擎。早期渲染引擎和JS引擎并没有十分明确的区分,但随着JS引擎越来越独立,内核也成了渲染引擎的代称。渲染引擎又包括了HTML解释器 CSS解释器 布局 网络 储存 图形 音视频转载 2021-05-27 15:26:51 · 368 阅读 · 0 评论 -
前端性能优化:细说浏览器渲染的重排与重绘
前端性能优化因为涉及到计算机网络、数据算法、图形图像处理、浏览器渲染等多方面计算机知识,常作为前端工程师乐此不疲的技术讨论话题,也正因如此,它也是面试时容易被问及的面试题之一。 缘起 本篇文章缘起一次偶然的面试问答所引申出的思考整理,着笔于浏览器渲染的角度,探讨前端性能优化的思路和实践建议,当然,浏览器渲染是一个复杂的过程,本文笔者将围绕重排和重绘两个关键词开始行文。 目录结构 文章大致行文思路如下: URL从输入到页面展示的过程 DOM和JavaScript的关系 为什.转载 2021-04-10 21:11:04 · 223 阅读 · 0 评论