| CARVIEW |
Select Language
HTTP/2 301
content-security-policy: script-src 'sha256-1az3CiAdXAaMP3TFl5msfrDjNuSHMdg1ecAgxfZPR50=' 'unsafe-inline' 'strict-dynamic'; object-src 'none'; base-uri 'none'; report-uri https://csp.withgoogle.com/csp/chromium-website/
location: /developers/design-documents/rendering-architecture-diagrams/
content-type: text/plain; charset=utf-8
accept-ranges: bytes
date: Fri, 10 Oct 2025 23:37:16 GMT
x-served-by: cache-bom-vanm7210095-BOM
x-cache: MISS
x-cache-hits: 0
x-timer: S1760139436.327496,VS0,VE627
vary: x-fh-requested-host, accept-encoding
alt-svc: h3=":443";ma=86400,h3-29=":443";ma=86400,h3-27=":443";ma=86400
content-length: 76
HTTP/2 200
cache-control: max-age=3600
content-encoding: gzip
content-security-policy: script-src 'sha256-1az3CiAdXAaMP3TFl5msfrDjNuSHMdg1ecAgxfZPR50=' 'unsafe-inline' 'strict-dynamic'; object-src 'none'; base-uri 'none'; report-uri https://csp.withgoogle.com/csp/chromium-website/
content-type: text/html; charset=utf-8
etag: "617989ca64bfe583886c156a96f5a1251fd6c8aafa16a166db71c685005e43bc"
last-modified: Fri, 10 Oct 2025 02:31:02 GMT
strict-transport-security: max-age=31556926
accept-ranges: bytes
date: Fri, 10 Oct 2025 23:37:17 GMT
x-served-by: cache-bom-vanm7210095-BOM
x-cache: MISS
x-cache-hits: 0
x-timer: S1760139437.967821,VS0,VE166
vary: x-fh-requested-host, accept-encoding
alt-svc: h3=":443";ma=86400,h3-29=":443";ma=86400,h3-27=":443";ma=86400
content-length: 1992
Rendering Architecture Diagrams
The Chromium Projects
Rendering Architecture Diagrams
The following sequence diagrams illustrate various aspects of Chromium's rendering architecture. The first picture below shows how Javascript and CSS animations are scheduled using the requestAnimationFrame callback mechanism.
After the Javascript callback is executed or the CSS animations have been updated, the web contents view generally needs to be redrawn. The following (simplified) diagrams show the code execution flow during a repaint in the non-composited software rendering, composited software rendering and (threaded) composited GPU rendering modes. Note that the newer multithreaded ("impl-side") rasterization mode is not shown below.
| Non-composited SW rendering | Composited SW rendering | Composited GPU rendering |
 |
 |
 |