0
248
VistasDatos de precarga de Vue.js con representación del lado del cliente
Sé sobre ssr (representación del lado del servidor) en Vue, como nuxt. Toma datos en la función serverPrefetch() y presenta contenido en el lado del servidor, solo después de que la solicitud devuelve datos al usuario y comienza a descargar app.js
Pero, ¿podemos comenzar a cargar datos desde el backend inmediatamente después de la solicitud del usuario, sin esperar la descarga del script vue y sin detener la solicitud antes de que se carguen todos los datos? Entonces, el usuario está descargando app.js , mientras nuestro servidor está trabajando con solicitudes sql y formando una respuesta.
1 Respuestas
Responde la pregunta0
En lo que respecta a Nuxt , puede encontrar un resumen bastante bueno sobre las opciones de SSR (y del lado del cliente) disponibles en el siguiente artículo . Alerta de spoiler: creo que SSR sigue siendo la mejor opción con lo que estás tratando de lograr. En el mundo de Nuxt , NuxtServerInit y AsyncData son los hombres para el trabajo.
Digamos que decidió mantenerse alejado de SSR, ¿qué opciones tiene?
Tenga algunos js súper livianos cargados y ejecutados antes de la aplicación Vue que recuperaría los datos y los compartiría con la aplicación de alguna manera (por ejemplo, guardarlos en el almacenamiento local). ¿Realmente proporcionaría una ventaja de velocidad? Realmente lo dudo, especialmente considerando lo rápido que podría cargarse la aplicación Vue cuando se almacena en caché en el navegador del cliente.
Vuelca los datos de back-end en la propia respuesta del servidor. Quiero decir, podrías precargar todas las cosas pesadas y pegarlas en tu página como un objeto codificado json. Seguro que eso ahorraría algo de tiempo para las solicitudes iniciales, pero entonces, ¿qué tan grande es esa porción de datos? ¿No haría que la carga inicial fuera demasiado pesada, destruyendo el propósito inicial? Esas son las preguntas que debe responder en función de su caso de uso particular.