Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

190
Views
Cloudinary+nuxt-picture y transformación dinámica

Yo uso nuxt-picture y cloudinary. Desafortunadamente, esta conexión me da bastantes problemas. Necesito generar imágenes para los siguientes puntos de interrupción

 xs: 320, sm: 720, md: 1280, lg: 1920, xl: 2048,

Problema:

La primera vez que se carga el sitio, espera a que la imagen se transforme, lo que tiene un gran impacto en el rendimiento del sitio. ¿Es posible pre-preparar imágenes con cloudinary y no esperar a la transformación dinámica?

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Cloudinary admite transformaciones sobre la marcha, es decir, simplemente modificando los parámetros de URL y solicitando una versión diferente de la imagen/video original, que es lo que está viendo que sucede cuando carga la página por primera vez. La versión derivada/transformada de la imagen solo se genera una vez que Cloudinary recibe la solicitud, por lo que si tiene muchos originales grandes/de alta calidad, puede tomar unos segundos para que todo se genere sobre la marcha dependiendo de las transformaciones exactas que está solicitando. Dicho esto, las solicitudes posteriores devolverán las imágenes del almacenamiento o la caché de CDN y, por lo tanto, no experimentarán demoras.

También es posible, como lo solicitó, generar previamente todas las versiones transformadas que está utilizando con anticipación para evitar el retraso de la primera solicitud. Esto es lo que Cloudinary llama Eager Transformations . Esto le permite especificar el public_id de la imagen/video original y también las transformaciones que desea que se generen. La generación de imágenes será mucho más rápida, pero para los videos, se recomienda realizar las transformaciones ansiosas de forma asincrónica (es decir, en segundo plano) y puede usar las notificaciones ansiosas para saber cuándo se han completado y están listas para usar. Al usar las transformaciones ansiosas asíncronas, evita que su aplicación/servidor tenga que esperar para obtener una respuesta para las transformaciones ansiosas mientras se generan, lo que puede generar tiempos de espera. El uso de transformaciones asincrónicas ansiosas le permite enviar la solicitud con las versiones requeridas para la generación a Cloudinary y, una vez que se recibe la solicitud, obtendrá una respuesta inmediata con el estado Pendiente de todas las versiones transformadas solicitadas. Cloudinary, en segundo plano, programará tareas para generar las versiones transformadas solicitadas. Si especificó una eager_transformation_url , obtendrá una respuesta de webhook en esa URL con una carga JSON que detalla el resultado de las transformaciones ansiosas solicitadas.

Se pueden solicitar transformaciones ansiosas para nuevas imágenes/videos en la llamada a la API de carga o configurarse en un ajuste preestablecido de carga , incluido un ajuste preestablecido de carga que se usa cuando carga a la biblioteca multimedia.

Para imágenes/videos existentes, puede solicitar transformaciones ansiosas a través del método API explícito .

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!