Co jste studovali o motoru prohlížeče?

Prohlížečový motor se skládá z několika klíčových komponent:

• JavaScriptový motor — odpovídá za parsování a vykonávání JS kódu. Například V8 v Chrome, SpiderMonkey ve Firefoxu. Překládá JS do strojového kódu a optimalizuje jeho výkon.

• Renderovací motor (layout engine) — odpovídá za analýzu HTML a CSS, tvorbu DOM a CSSOM, výpočet stylů, layout (rozmístění prvků) a vykreslení stránky. Příklad: Blink v Chrome, Gecko ve Firefoxu.

• Síťová vrstva — zpracovává HTTP požadavky, načítá zdroje (HTML, CSS, JS, obrázky).

• Bezpečnost — zahrnuje politiku stejného původu (Same-Origin Policy), sandboxing, CORS, ochranu před XSS a dalšími útoky.

Práce motoru začíná načtením HTML, tvorbou DOM, zatímco CSS a JS se načítají paralelně. Po vytvoření DOM a CSSOM dochází k layoutu a vykreslení. JS motor může ovlivnit DOM, proto se někdy provádí opakovaný layout.

Příklad zjednodušeného životního cyklu:

1. Načtení HTML ->
2. Vytvoření DOM ->
3. Načtení a analýza CSS ->
4. Vytvoření CSSOM ->
5. Spuštění JS, které může měnit DOM ->
6. Layout (výpočet rozměrů a pozic) ->
7. Paint (vykreslení) ->
8. Kompozice (sestavení vrstev pro zobrazení na obrazovce)

Také se studují optimalizace, jako minimalizace reflow a repaint, lazy loading, práce s cache a asynchronní načítání zdrojů.