Šta ste učili o motoru pretraživača?

Motori pregledača sastoji se od nekoliko ključnih komponenti:

• Motori JavaScript — odgovoran za parsiranje i izvršavanje JS koda. Na primer, V8 u Chrome-u, SpiderMonkey u Firefox-u. Kompajlira JS u mašinski kod i optimizuje izvršenje.

• Motori za renderovanje (layout engine) — odgovoran za analizu HTML i CSS, izgradnju DOM i CSSOM, računanje stilova, layout (postavljanje elemenata) i prikaz stranice. Primer: Blink u Chrome-u, Gecko u Firefox-u.

• Mrežni sloj — obrađuje HTTP zahteve, učitavanje resursa (HTML, CSS, JS, slike).

• Bezbednost — uključuje politiku istog porekla (Same-Origin Policy), sandboxing, CORS, zaštitu od XSS i drugih napada.

Rad motora počinje sa učitavanjem HTML-a, izgradnjom DOM-a, dok se CSS i JS učitavaju paralelno. Nakon izgradnje DOM i CSSOM, sledi layout i paint. JS motor može uticati na DOM, pa se ponekad dešava ponovni layout.

Primer pojednostavljenog životnog ciklusa:

1. Učitavanje HTML-a ->
2. Izgradnja DOM-a ->
3. Učitavanje i parsiranje CSS-a ->
4. Izgradnja CSSOM-a ->
5. Izvršavanje JS-a, koji može menjati DOM ->
6. Layout (izračunavanje dimenzija i pozicija) ->
7. Paint (crtanje) ->
8. Kompozicija (sklapanje slojeva za prikaz na ekranu)

Takođe se proučavaju optimizacije, kao što su minimizacija reflow i repaint, lazy loading, rad sa kešom i asinhrono učitavanje resursa.