რა არის კრიტიკული გზა ვებ-გვერდების რენდერინგში?

ეს არის ნაბიჯების სერია, რომელიც ბრაუზერი ასრულებს გვერდის შინაარსის ეკრანზე გამოსაჩენად, HTML დოკუმენტის მიღებიდან დაწყებული. ის მოიცავს:

1. DOM-ის (დოკუმენტის ობიექტური მოდელი) შექმნა: HTML კოდის ანალიზი და დოკუმენტის სტრუქტურის წარმოდგენას ასახვადი ობიექტების ხის შექმნა.
2. CSSOM-ის (CSS ობიექტური მოდელი) შექმნა: CSS ფაილების და inline სტილების ანალიზი, რათა შექმნას ობიექტების ხე, რომელიც წარმოადგენს ელემენტების სტილებს.
3. რენდერ ხის შექმნა: DOM და CSSOM-ის გაერთიანება. მხოლოდ იმ ელემენტების ხე იქმნება, რომელთაც აქვთ გამოყენებული სტილები.
4. ლაუტი (ან Reflow): თითოეული ელემენტის გეომეტრიული ზომებისა და პოზიციის განსაზღვრა გვერდზე.
5. ფერწერა (ან Repaint): პიქსელების შევსება ეკრანზე, რენდერ ხისა და ლაუტის მონაცემების საფუძველზე.

კრიტიკული რენდერ გზის ოპტიმიზაცია მიზნად ისახავს, რომ ბრაუზერმა რაც შეიძლება სწრაფად გამოიტანოს პირველი მნიშვნელოვნი შინაარსი (First Meaningful Paint) ან ინტერაქტიულობა (Time to Interactive). ეს მიღწევადია ბლოკირებადი რესურსების (JS და CSS) მინიმალიზაციით, რესურსების ზომის ოპტიმიზაციით და მათი შესაბამის დროს ჩატვირთვით.