Petición y respuesta
El intercambio básico de toda la web: alguien pide algo y el otro lado devuelve algo. Y siempre empieza quien pide.
✦Apagada: responde bien la pregunta del final para encenderla
También lo verás como: petición · peticiones · peticion · request · respuesta · response
Analogía
Pedir en un bar. Tú pides (petición), el camarero trae (respuesta). El camarero nunca aparece con algo que no has pedido. En la web es igual: el servidor no puede "enviarte" algo por su cuenta si tú no lo has pedido antes.
Qué lleva cada una
La petición: qué quiero (una URL), cómo lo quiero (ver, crear, borrar…), quién soy (identificación, si la hay) y datos, si los envío.
La respuesta: un código de estado de tres cifras + el contenido. Los códigos que verás mil veces:
| Código | Significa |
|---|---|
| 200 | Todo bien, aquí lo tienes |
| 301 / 302 | Eso se ha movido, ve a esta otra dirección |
| 401 / 403 | No has iniciado sesión / no tienes permiso |
| 404 | Eso no existe |
| 500 | El servidor ha fallado (este suele ser tu culpa) |
Para qué sirve / cuándo aparece
- Cada imagen, tipografía, icono y dato de una página es una petición aparte. Por eso "pesa" y por eso tarda: abre la pestaña Network de las DevTools y cuéntalas.
- El día que algo no funcione, el primer diagnóstico siempre es el mismo: ¿qué petición falló y con qué código?
Un paso más: quién empieza, y qué implica
El servidor nunca habla primero. Solo responde. Esto explica cosas que parecen raras:
- Para ver si hay mensajes nuevos, es tu navegador el que vuelve a preguntar cada cierto tiempo.
- Una página no se actualiza sola: alguien (tú, o el JavaScript de la página) tiene que pedir de nuevo.
- Si el servidor no responde, el navegador espera un tiempo y se rinde: eso es un timeout.
Una sola página son muchas peticiones encadenadas: primero el HTML, y al leerlo el navegador descubre que necesita estilos, imágenes y tipografías, y pide cada cosa por separado.
Compruébalo tú
DevTools → Network → recarga una web de noticias. Abajo verás el total: número de peticiones y lo que tardó. Compáralo con una web sencilla de un negocio pequeño.