Renderowanie w kontekście stron internetowych odnosi się do procesu, w którym przeglądarka internetowa interpretuje kod (HTML, CSS, JavaScript) i generuje z niego widoczny dla użytkownika interfejs strony. Proces ten można podzielić na kilka etapów:
- Parsowanie HTML – przeglądarka czyta kod HTML strony i tworzy na jego podstawie strukturę DOM (Document Object Model), która reprezentuje wszystkie elementy strony w postaci drzewa.
- Parsowanie CSS – przeglądarka analizuje pliki CSS, które określają stylowanie elementów na stronie, tworząc tzw. CSSOM (CSS Object Model). CSSOM wraz z DOM służy do określenia, jak strona powinna być wizualnie prezentowana.
- Render Tree – na podstawie DOM i CSSOM przeglądarka tworzy drzewo renderowania, które zawiera informacje o tym, jakie elementy mają być wyświetlone i jak mają być stylizowane.
- Układ strony (Layout) – przeglądarka oblicza, gdzie na stronie powinny znajdować się poszczególne elementy, biorąc pod uwagę ich rozmiary i relacje z innymi elementami.
- Rysowanie (Painting) – na końcu przeglądarka rysuje elementy na ekranie zgodnie z obliczonym układem. W tym etapie stosuje efekty wizualne, takie jak cienie, gradienty i inne.
Renderowanie stron internetowych jest procesem dynamicznym. JavaScript może modyfikować DOM i CSSOM po załadowaniu strony, co prowadzi do ponownego renderowania określonych części strony. Dlatego wydajność renderowania ma kluczowe znaczenie dla płynności działania stron internetowych, szczególnie w aplikacjach webowych, gdzie interakcje użytkowników są częste i złożone.
Silniki renderujące różnych przeglądarek mogą różnić się sposobem interpretacji i renderowania kodu, co jest jednym z powodów, dla których strony www mogą wyglądać lub działać nieco inaczej w różnych przeglądarkach.