@@ -25,18 +25,18 @@ Rendering steps for a browser
25
25
- Bytecode
26
26
27
27
- JS engine comes with ` JIT ` , Garbage collector
28
- - Runtime the stuff language put that you actually dont wrote . ( translation cost occurs one )
28
+ - Runtime, the pieces of code language add that you don't write . ( translation cost occurs one )
29
29
30
30
### Interpretation and compilation
31
31
- Compiled is fast interpreted is repeated
32
- - Compilers can optimize ahead as they have full picture
32
+ - Compilers can optimize ahead as they have the full picture
33
33
- Interpreters in js introduced monitor warm functions
34
34
- Stub > Chunks > += with similar datatypes on both side
35
35
eventually optimizing translation time
36
36
37
37
### Notes
38
38
- Polyfill backward compatibility
39
- - Perforamnce Measure
39
+ - Performance Measure
40
40
- Critical rendering path optimize
41
41
- Time to first meaningful paint
42
42
@@ -49,22 +49,22 @@ eventually optimizing translation time
49
49
- Speed
50
50
- Simplicity
51
51
52
- - Multi process makes sure
52
+ - Multi- process makes sure
53
53
- Stability
54
54
- Security
55
55
- Speed
56
56
57
- - In order to ensure multiprocess
57
+ - To ensure multiprocess
58
58
- IPC
59
- - Inter Process Communication
59
+ - Inter- Process Communication
60
60
- Message Passing for short objects, shared memory for larger.
61
- - Every process has different priviledges , so need security review.
62
- - These processing must be asyncronous .
63
- - As untrusted code runs, ` sandboxing ` required.
61
+ - Every process has different privileges , so needs security review.
62
+ - These processing must be asynchronous .
63
+ - As untrusted code runs, ` sandboxing ` is required.
64
64
65
- - Splitted into components
65
+ - Split into components
66
66
- iOS support, blink replacements
67
- - extension has different process
67
+ - the extension has a different process
68
68
- Mojo for IPC
69
69
70
70
- Directory Structure
@@ -74,9 +74,9 @@ eventually optimizing translation time
74
74
- content: multi-process sandboxed browser platform
75
75
- ios: our iOS browser
76
76
- net: networking library
77
- - services: micro services
77
+ - services: microservices
78
78
- third_party/Blink: Blink rendering engine
79
- - ui : user interface frameworks, helper classes
79
+ - UI : user interface frameworks, helper classes
80
80
- v8: JavaScript engine
81
81
82
82
- [ Life of a pixel] ( https://www.youtube.com/watch?v=m-J-tbAlFic&ab_channel=GoogleChromeDevelopers )
@@ -86,18 +86,18 @@ eventually optimizing translation time
86
86
- Sandboxed renderer process
87
87
- ` Content ` gets converted to ` pixel ` .
88
88
- Content
89
- - HTMl
89
+ - HTML
90
90
- CSS
91
91
- JS
92
92
- Image
93
93
- Graphics Library
94
94
- OpenGL
95
95
- ` DirectX ` for windows
96
96
- Vulkan - Next generation Open GL
97
- - Overall goal of rendering is to turn html, css, javascript inot right opengl call.
97
+ The overall goal of rendering is to turn HTML, CSS, and JavaScript into the right OpenGL call.
98
98
- Dom
99
99
- Style
100
100
- Layout
101
101
- Paint
102
102
- Raster
103
- - Gpu
103
+ - GPU
0 commit comments