Ինչ եք սովորել բրաուզերի շարժիչի մասին:

Բրաուզերի շարժիչը բաղկացած է մի քանի հիմնական բաղադրիչներից.

• JavaScript շարժիչ — պատասխանատու է JS կոդի վերլուծության և գործարկման համար: Օրինակ, V8 Chrome-ում, SpiderMonkey Firefox-ում: Նա կոմպիլացնում է JS-ը մեքենայական կոդի և օպտիմալացնում է նրա կատարմանը:

• Ճառագայթային շարժիչ (layout engine) — պատասխանատու է HTML և CSS վերլուծության, DOM և CSSOM կառուցման, ոճերի հաշվարկի, layout-ի (մասերի տեղադրման) և էջի նկարչության համար: Օրինակ՝ Blink Chrome-ում, Gecko Firefox-ում:

• Ցանցային շերտ — կառավարում է HTTP հարցումները, ռեսուրսների բեռնումը (HTML, CSS, JS, պատկերներ):

• Անվտանգություն — ներառում է նույն աղբյուրի քաղաքականությունը (Same-Origin Policy), sandboxing, CORS, XSS-ից և այլ հարձակումներից պաշտպանություն:

Շարժիչի աշխատանքը սկսվում է HTML բեռնումից, DOM-ի կառուցումից, մինչդեռ CSS և JS բեռնում են զուգահեռ: DOM և CSSOM կառուցելուց հետո տեղի է ունենում layout և paint: JS շարժիչը կարող է ազդել DOM-ի վրա, այդ պատճառով երբեմն տեղի է ունենում կրկնակի layout:

Պարզեցված կյանքի ցիկլի օրինակ:

1. HTML բեռնում ->
2. DOM կառուցում ->
3. CSS բեռնում և վերլուծում ->
4. CSSOM կառուցում ->
5. JS գործարկում, որը կարող է փոխել DOM-ը ->
6. Layout (չափերի և դիրքերի հաշվարկ) ->
7. Paint (նկարագրում) ->
8. Կոմպոզիցիա (շերտերի հավաքում էկրանին ցուցադրելու համար)

Նույնպես ուսումնասիրվում են օպտիմալացումներ, ինչպիսիք են reflow և repaint նվազեցումը, lazy loading, cache-ի աշխատանքը և ռեսուրսների ասինխրոն բեռնումը։