深入理解现代浏览器架构(part 3) - Githubissues

JTangming / blog

My repository on GitHub.

Other

53 stars 0 forks source link

深入理解现代浏览器架构(part 3) #48

Open JTangming opened 3 years ago

JTangming commented 3 years ago

本文将深入理解一下渲染引擎在渲染页面的时候具体都发生了什么事情。渲染引擎会触碰到 Web 性能的方方面面，欲了解更多请关注 the Performance section of Web Fundamentals。

渲染进程处理页面内容

渲染引擎负责 Tab 页面内发生的所有事情，主线程处理了大部分用户加载到的代码，如若使用了 web worker 或 service worker，与之相关的代码将会由 worker thread 处理。

渲染进程的主要任务是将 HTML，CSS，以及 JavaScript 转变为我们可以进程交互的网页内容。

Renderer process with

渲染进程中包含线程有：

一个主线程（main thread）
多个工作线程（worker threads）
一个合成器线程（compositor thread）
多个光栅化线程（raster thread）

浏览器渲染及性能优化

blog issue 中已有类似的文章，这里不再原文翻译，具体请参考浏览器渲染及性能优化