load universal frente a load exclusivo del servidor
Comprenda cuándo load se ejecuta tanto en el cliente como en el servidor y cuándo solo en el servidor.
load universal frente a load exclusivo del servidor es una lección gratuita de Sveltejs Academy en CoddyKit. Esta es la lección 1 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 Sveltejs Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Sveltejs Academy incluye 4 lecciones en total.
Dos archivos de carga
SvelteKit admite dos variantes: +page.js (universal) y +page.server.js (solo para el servidor).
Carga universal
Se ejecuta tanto en el servidor (SSR inicial) como en el cliente (navegaciones posteriores).
Carga del servidor
Siempre se ejecuta en el servidor. El código y los imports se excluyen del paquete del cliente.
Cuándo usar la carga del servidor
Consultas a bases de datos, claves secretas, API exclusivas del servidor y acceso al sistema de archivos.
Cuándo usar la carga universal
Llamadas a API públicas que funcionan de la misma manera en ambos entornos.
Ambas a la vez
Puede tener ambos archivos: la carga del servidor se ejecuta primero y después la carga universal puede utilizar su resultado.
Inferencia de tipos
Los tipos se propagan automáticamente. La página recibe el tipo de datos combinado.
Rendimiento
La carga del servidor evita exponer la lógica de la API a los clientes; la carga universal evita el coste del servidor durante las navegaciones.
Seguridad
No incluya nunca secretos en la carga universal. El bundler los insertará directamente en el paquete del cliente.
Form Actions
Las form actions se encuentran en +page.server.js junto con la carga del servidor.
Variables de entorno
Utilice $env/static/private únicamente en archivos del servidor para mantener los secretos protegidos.
Comprobación rápida
¿Dónde coloca las consultas a la base de datos?
Recapitulación
Utilice +page.server.js para la lógica exclusiva del servidor (base de datos y secretos) y +page.js para la lógica universal que se ejecuta en ambos lados.
Aprende HTML 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
- 41
- Lecciones
- 163
Preguntas frecuentes
¿La lección «load universal frente a load exclusivo del servidor» es gratis?
Sí — el texto completo de «load universal frente a load exclusivo del servidor» 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 Sveltejs Academy, actualiza a CoddyKit PRO. El curso de Sveltejs Academy incluye 4 lecciones en total.
¿Qué aprenderé en «load universal frente a load exclusivo del servidor»?
Comprenda cuándo load se ejecuta tanto en el cliente como en el servidor y cuándo solo en el servidor. Practicas Sveltejs Academy 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 Sveltejs Academy?
No se requiere experiencia previa. Sveltejs Academy 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 1 de 4.
¿Cuánto tiempo toma la lección «load universal frente a load exclusivo del servidor»?
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 Sveltejs Academy?
Sí. Cada lección de Sveltejs Academy 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
- load universal frente a load exclusivo del servidor
- prerender = true para páginas estáticas
- ssr = false para páginas exclusivas del cliente
- Arquitectura de islas