Cómo funciona un navegador
Cuando escribes una dirección y aprietas Enter, ocurre una secuencia ordenada: encontrar el servidor, pedirle el contenido, descargarlo, interpretarlo y dibujarlo en pantalla. Todo en menos de un segundo cuando la conexión es buena. Esto es lo que pasa, en orden y sin tecnicismos.
- Tiempo
- De 100 ms a 2 s en una conexión normal, según el peso del sitio.
- Pasos
- DNS, conexión TCP/TLS, petición HTTP, descarga, parseo, renderizado.
- Ingredientes
- HTML (estructura), CSS (estilo), JavaScript (comportamiento), imágenes y fuentes.
- Quién hace cuánto
- Tu dispositivo, tu router, tu proveedor de internet y el servidor del sitio.
1. Traducir el nombre a una dirección de red
Cuando escribes navegador.org, tu ordenador no sabe dónde está ese servidor. Lo que conoce son direcciones numéricas (las direcciones IP, parecidas a 198.51.100.42). Para traducir el nombre legible a una dirección numérica, el navegador consulta un servicio llamado DNS, que funciona como una agenda telefónica de internet.
La consulta suele ir primero a un servidor DNS de tu proveedor de internet o a uno público (Google, Cloudflare, Quad9). El nombre y la respuesta se guardan brevemente en una caché para que la próxima vez sea más rápido. Esto también significa que tu proveedor de DNS sabe qué dominios visitas, aunque no qué páginas concretas. Algunas configuraciones modernas (DNS sobre HTTPS, DNS sobre TLS) cifran esa consulta.
2. Establecer la conexión
Con la dirección IP, el navegador abre una conexión con el servidor. Casi todas las webs de hoy usan HTTPS, que añade una capa de cifrado mediante un protocolo llamado TLS. Antes de intercambiar nada, el servidor presenta un certificado digital firmado por una autoridad reconocida; el navegador lo verifica para asegurarse de que está hablando con el servidor correcto y no con un intermediario.
Si el certificado está mal, ha caducado, o el dominio no coincide, verás un aviso del tipo NET::ERR_CERT_DATE_INVALID o "Tu conexión no es privada". Estos errores se explican en la página de errores comunes.
3. Pedir la página
Una vez establecida la conexión segura, el navegador envía una petición HTTP. Es un mensaje breve que dice, en esencia, "dame el archivo que está en esta ruta". El servidor responde con el código HTML de la página, una cabecera con metadatos (tipo de contenido, codificación, instrucciones de caché) y un código de estado (200 si todo va bien, 404 si la página no existe, 503 si el servidor está saturado).
4. Descargar todo lo demás
El HTML que llega es solo el esqueleto. Mientras lo lee, el navegador descubre referencias a otros archivos: hojas de estilo (CSS) que definen colores y disposición, scripts (JavaScript) que añaden interactividad, imágenes, vídeos, fuentes tipográficas. Cada uno requiere una nueva petición. Un sitio moderno puede llegar a pedir docenas, a veces cientos, de archivos de muchos servidores distintos. Algunos de ellos son recursos de terceros que sirven para análisis o publicidad.
5. Interpretar y dibujar
Aquí entra el motor de renderizado (Blink, Gecko o WebKit, según el navegador). Convierte el HTML en una estructura interna llamada DOM, aplica el CSS para saber cómo debe verse cada elemento, y ejecuta el JavaScript que la página incluye. Calcula posiciones, tamaños y colores, y finalmente dibuja todo en la pantalla.
El motor de JavaScript (V8 en Chrome, SpiderMonkey en Firefox, JavaScriptCore en Safari) se ocupa de los programas dentro de la página: validaciones de formularios, animaciones, contenido que aparece sin recargar la página, juegos en el navegador, videollamadas. Un sitio puede ser pesado precisamente por la cantidad de JavaScript que ejecuta.
6. Mantener viva la página
Una vez visible, la página sigue funcionando. Puede pedir más datos en segundo plano (mensajes nuevos, notificaciones, actualizaciones), responder a tus clics, mostrar contenido a medida que bajas, o pedir permiso para usar la cámara, el micrófono o tu ubicación. El navegador media en todo eso: ejecuta el código de la web pero también limita lo que puede hacer, a través de un sistema llamado sandbox que aísla cada pestaña del resto del sistema.
El papel del caché
Para no descargar todo cada vez, el navegador guarda copias locales de archivos que probablemente no han cambiado: imágenes, fuentes, partes del CSS. Esto se llama caché. Cuando vuelves a visitar la página, mucho ya está en tu disco. Si un sitio se ve raro tras una actualización, a veces borrar la caché resuelve el problema. La mayoría de las veces no hace falta tocarla.
El navegador también guarda cookies, datos pequeños que el sitio puede leer en visitas posteriores para reconocerte (por ejemplo, mantenerte con la sesión iniciada).
Ver también
- ¿Qué es un navegador?La definición básica antes del detalle técnico.→
- URLs y direcciones webAnatomía de una dirección y cómo leerla.→
- HTTPS y seguridad de la conexiónQué cifra y qué no garantiza el candado.→
- Motores de renderizadoQuién dibuja la página y por qué hay solo tres.→
- Errores comunesQué significan los códigos típicos cuando algo falla.→