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

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

浏览器工作原理与实践

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

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

浏览器工作原理与实践

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

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

浏览器工作原理与实践

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

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

浏览器工作原理与实践

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

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

浏览器工作原理与实践

41、性能分析工具:如何分析Performance中的Main指标

你好,我是李兵 上节我们介绍了如何使用Performance,而且我们还提到了性能指标面板中的Main指标,它详细地记录了渲染主线程上的任务执行记录,通过分析Main指标,我们就能够定位到页面中所存在的性能问题,本节,我们就来介绍如何分析Main指标...

浏览器工作原理与实践
15678