Critical Rendering Path Es el proceso que se encarga de convertir en pixeles el HTML, CSS y JS

El DOM árbol para el HTML que contiene toda nuestra estructura HTML

El CSSOM es el árbol para el CSS

El Render Tree es la combinación del DOM y el CSSOM

Todos los navegadores crean estas estructuras al analizar el código de una página web

Todo comienza con el proceso llamado Critical Rendering Path, el cual consta de los siguientes pasos:

1. DOM
2. CSSOM
3. Render Tree
4. Layout
5. Paint

A lo largo del proceso el navegador crea dos arboles

• DOM
  • Es una representación del HTML
• CSSOM
  • Es una representación del CSS

Tanto el DOM como el CSSOM son una estructura en forma de nodos y son modelos que pueden ser modificados.

¿Qué es una API?

API (Application Programming Interface - Interfaz de programación de aplicaciones): Una API es un conjunto de reglas que permiten a una pieza de código hablar con otra. Las APIs además hace nuestras vidas más fáciles abstrayendo el código complejo y remplazándolo con uno más simple y directo.ㅤ

Tipos de APIs

En el mundo del desarrollo web, las APIs generalmente se dividen en dos categorías:ㅤ

1. APIs del navegador: Están integradas en los navegadores web, y exponen datos del navegador y del entorno informático circundante que los desarrolladores pueden aprovechar fácilmente, la API del navegador más común es la del DOM, Nos perimte manipular el HTML y el CSS, creando, quitando y cambiando el HTML y dinámicamente aplicando nuevos estilos para nuestra página.Hay una extensa lista de otras APIs del navegador.