Renderizado en el servidor (SSR): entrega HTML desde el servidor

El renderizado en el servidor genera el HTML en el servidor para una petición antes de que el navegador lo reciba, de modo que el contenido relevante está disponible en la respuesta inicial.

Qué cambia con SSR

SSR traslada la generación del marcado inicial al servidor. El navegador recibe el HTML y, después, JavaScript puede hidratar los componentes interactivos. SSR no equivale a generación estática, caché, un TTFB rápido ni a una indexación correcta.

La prueba es el cuerpo y el estado de la respuesta de una URL real, no un ajuste del framework.

El diagrama muestra las entradas principales, las comprobaciones y la ruta de decisión de Renderizado en el servidor (SSR): entrega HTML desde el servidor.

Comprueba la respuesta

Inspecciona el HTML inicial con JavaScript desactivado o con una petición sin procesar (raw fetch). Comprueba el estado, la etiqueta canonical, el texto principal y el comportamiento ante errores antes de la hidratación.

  1. Descarga el HTML inicial.
  2. Prueba una ruta que no exista.
  3. Compara el contenido renderizado con el contenido sin procesar.
  4. Mide el TTFB por separado.
  5. Prueba las variantes de caché.

Elige el tipo de renderizado

Usa SSR cuando haga falta obtener datos en el momento de la petición o personalizar contenido, y el origen pueda responder de forma fiable. Para páginas públicas y estables puede encajar mejor una salida estática o en caché.

PreguntaComprobaciónLímite
Contenido inicialPresente en el HTML de la respuestaEl HTML por sí solo no garantiza la calidad
Ruta de errorEstado 404/410/500 correctoLa interfaz del cliente puede ocultar el estado
RendimientoTTFB y recursos por separadoUna sola puntuación oculta las capas

Límites de SSR

Una página renderizada en el servidor también puede ser lenta, devolver un error u ocultar contenido tras llamadas posteriores del cliente.

No des por completado el SSR de una ruta hasta haber comprobado su respuesta HTTP real, su HTML y sus estados de error.

FAQ

¿Garantiza SSR unos buenos Core Web Vitals?
No. El tiempo de origen, el tamaño del HTML, los recursos y el trabajo del cliente deben medirse por separado.
¿Cómo se puede verificar SSR?
Inspecciona el HTML inicial sin procesar y el código de estado HTTP de rutas principales, y compáralo después con la página renderizada.
¿Puede una ruta SSR devolver un soft 404?
Sí. Una vista de error con la marca debe seguir devolviendo el código de estado HTTP adecuado.