40、页面性能工具:如何使用Performance

你好,我是李兵。 在分析页面性能时,如果说Audits是道开胃菜,那么Performance才是正餐,之所这样说,主要是因为Performance可以记录站点在运行过程中的性能数据,有了这些性能数据,我们就可以回放整个页面的执行过程,这样就方便我们来...

浏览器工作原理与实践

39、加载阶段性能:使用Audits来优化Web性能

你好,我是李兵。 作为一名前端工程师,除了需要编写功能性的代码以外,我们还需要关注Web应用的性能问题,我们应该有能力让我们的Web应用占用最小的资源,并以最高性能运行,这也是前端工程师进阶的必要能力。既然性能这么重要,那么我们今天要来聊聊Web性能...

浏览器工作原理与实践

38、任务调度:有了setTimeOut,为什么还要使用rAF

你好,我是李兵。 我们都知道,要想利用JavaScript实现高性能的动画,那就得使用requestAnimationFrame这个API,我们简称rAF,那么为什么都推荐使用rAF而不是setTimeOut呢? 要解释清楚这个问题,就要从渲染进程的...

浏览器工作原理与实践

37、浏览上下文组:如何计算Chrome中渲染进程的个数

你好,我是李兵。 在留言区,经常有朋友问到如何计算Chrome中渲染进程个数的问题,那么今天我就来完整地解答这个问题。 在前面“[04 | 导航流程]”这一讲中我们介绍过了,在默认情况下,如果打开一个标签页,那么浏览器会默认为其创建一个渲染进程。不过...

浏览器工作原理与实践

36、HTTPS:让数据传输更安全

浏览器安全主要划分为三大块内容:页面安全、系统安全和网络安全。前面我们用四篇文章介绍了页面安全和系统安全,也聊了浏览器和Web开发者是如何应对各种类型的攻击,本文是我们专栏的最后一篇,我们就接着来聊聊网络安全协议HTTPS。 我们先从HTTP的明文传...

浏览器工作原理与实践

35、安全沙箱:页面和系统之间的隔离墙

前面三篇文章我们主要围绕同源策略介绍了Web页面安全的相关内容,那今天我们把视野向外延伸,来聊聊页面安全和操作系统安全之间的关系。 在[《01 | Chrome架构:仅仅打开了1个页面,为什么有4个进程?》]那篇文章中,我们分析了浏览器架构的发展史,...

浏览器工作原理与实践