WebSockets & Realtime Systems Programming · Lección

Computación perimetral y tiempo real en el edge de la red

Explore cómo los runtimes edge y los PoP globales están transformando la entrega web en tiempo real, reduciendo la latencia al ejecutar la lógica de WebSocket y pub/sub cerca de los usuarios.

Lección 4 de 413 pasos

Computación perimetral y tiempo real en el edge de la red es una lección gratuita de WebSockets & Realtime Systems Programming en CoddyKit. Esta es la lección 4 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de WebSockets & Realtime Systems Programming, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de WebSockets & Realtime Systems Programming incluye 4 lecciones en total.

Partes de esta lección aún no han sido traducidas y se muestran en inglés.

Why the Edge for Realtime?

Realtime is all about latency. Running logic at the network edge places it physically close to users, shaving the round-trip time that matters most for live experiences.

Points of Presence

Edge providers run hundreds of PoPs worldwide. A user in Tokyo connects to a nearby node instead of a single origin in Virginia.

  • Lower latency
  • Better resilience
  • Natural geographic scaling

Edge Runtimes

Edge runtimes like Cloudflare Workers, Deno Deploy, and Fastly Compute run lightweight JavaScript/WASM near users, with cold starts measured in milliseconds.

export default {
  async fetch(request) {
    return new Response('hello from the edge');
  }
};

Stateful Edge: Durable Objects

WebSockets need state. Cloudflare Durable Objects give each room a single coordinating instance at the edge that all clients connect to.

export class ChatRoom {
  constructor(state) { this.sessions = []; }
  async fetch(request) {
    const pair = new WebSocketPair();
    this.sessions.push(pair[1]);
    return new Response(null, { status: 101, webSocket: pair[0] });
  }
}

Broadcasting at the Edge

Once clients are attached to an edge object, broadcasting is a simple loop, just like a traditional server but globally distributed.

function broadcast(sessions, message) {
  for (const ws of sessions) {
    ws.send(JSON.stringify(message));
  }
}

Latency Math

Centralized realtime adds the user-to-origin round trip to every message. Edge cuts that dramatically.

const originRtt = 180; // ms to faraway origin
const edgeRtt = 25;    // ms to nearby PoP
console.log('saved per round trip:', originRtt - edgeRtt, 'ms');

The Consistency Tradeoff

Distributing state introduces consistency questions. Edge realtime usually pins one room to one location to keep ordering simple, accepting that cross-room global state is eventually consistent.

Edge Pub/Sub Services

Managed services like Ably, PubNub, and Cloudflare Pub/Sub abstract the edge entirely, exposing channels you publish and subscribe to globally.

When Not to Use the Edge

Edge shines for latency-sensitive fan-out, but if your logic needs a heavy central database, frequent origin trips can erase the benefit. Match the tool to the workload.

Combining with WebTransport

The future stacks edge delivery with newer transports. WebTransport over HTTP/3 at the edge promises low-latency, multiplexed realtime without head-of-line blocking.

A Mental Model

Think of the edge as moving your realtime server to the user instead of moving the user to your server. Everything else (rooms, broadcasts, auth) stays familiar.

Quick Check

What problem do Durable Objects solve for edge WebSockets?

Recap

You explored realtime at the edge:

  • PoPs cut latency by serving users locally
  • Edge runtimes are lightweight and fast to start
  • Stateful primitives like Durable Objects coordinate rooms
  • Edge pairs naturally with WebTransport for the realtime future
Gratis para empezar

Aprende WebSockets & Realtime Systems Programming con un tutor de IA — gratis

Escribe y ejecuta código real en tu navegador, obtén ayuda instantánea de un tutor de IA disponible 24/7 y continúa donde lo dejaste en la web o en la aplicación.

Cursos
12
Lecciones
47

Preguntas frecuentes

¿La lección «Computación perimetral y tiempo real en el edge de la red» es gratis?

Sí — el texto completo de «Computación perimetral y tiempo real en el edge de la red» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de WebSockets & Realtime Systems Programming, actualiza a CoddyKit PRO. El curso de WebSockets & Realtime Systems Programming incluye 4 lecciones en total.

¿Qué aprenderé en «Computación perimetral y tiempo real en el edge de la red»?

Explore cómo los runtimes edge y los PoP globales están transformando la entrega web en tiempo real, reduciendo la latencia al ejecutar la lógica de WebSocket y pub/sub cerca de los usuarios. Practicas WebSockets & Realtime Systems Programming con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar WebSockets & Realtime Systems Programming?

No se requiere experiencia previa. WebSockets & Realtime Systems Programming en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 4 de 4.

¿Cuánto tiempo toma la lección «Computación perimetral y tiempo real en el edge de la red»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de WebSockets & Realtime Systems Programming?

Sí. Cada lección de WebSockets & Realtime Systems Programming incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. WebTransport y canales de datos WebRTC
  2. Eventos enviados por el servidor (SSE), revisados
  3. El futuro de las API web en tiempo real
  4. Computación perimetral y tiempo real en el edge de la red
← Volver a WebSockets & Realtime Systems Programming