რა ისწავლეთ ბრაუზერის მექანიზმის შესახებ?

ბრაუზერის ძრავა შედგება რამდენიმე ძირითადი კომპონენტისგან:

• 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, კეშთან მუშაობა და რესურსების ასინქრონული ჩატვირთვა.