Brauzer motoru haqqında nə öyrəndiniz?

Brauzer motoru bir neçə əsas komponentdən ibarətdir:

• JavaScript motoru — JS kodunun analiz və icrasından məsuldur. Məsələn, Chrome-da V8, Firefox-da SpiderMonkey. O, JS-ni maşın koduna tərtib edir və icra prosesini optimallaşdırır.

• Render mühərriki (layout engine) — HTML və CSS-in analizindən, DOM və CSSOM-un qurulmasından, üslubların hesablanmasından, layout (elementlərin yerləşdirilməsi) və səhifənin çəkilməsindən məsuldur. Nümunə: Chrome-da Blink, Firefox-da Gecko.

• Şəbəkə qatmanı — HTTP sorğularını idarə edir, resursların yüklənməsini təmin edir (HTML, CSS, JS, şəkillər).

• Təhlükəsizlik — eyni mənbə siyasəti (Same-Origin Policy), sandboxing, CORS, XSS və digər hücumlara qarşı qoruma daxildir.

Motorun işi HTML yüklənməsi ilə başlayır, DOM qurulur, CSS və JS paralel yüklənir. DOM və CSSOM qurulduqdan sonra layout və paint həyata keçirilir. JS motoru DOM-u təsir edə bilər, buna görə də bəzən yenidən layout baş verir.

Sadə həyat dövrü nümunəsi:

1. HTML yüklənməsi ->
2. DOM qurulması ->
3. CSS yüklənməsi və analiz ->
4. CSSOM qurulması ->
5. JS icrası, DOM dəyişə bilər ->
6. Layout (ölçülərin və mövqelərin hesablanması) ->
7. Paint (çizim) ->
8. Kompozisiya (layların yığılması ekran üçün)

Həmçinin, reflow və repaint-ı minimallaşdırmaq, lazy loading, cache ilə işləmək və resursların asinxron yüklənməsi kimi optimallaşdırmalar öyrənilir.