respuesta rapida
La carga diferida de un widget de producto 360 significa que la página del producto pinta primero un póster estático, luego carga JavaScript del reproductor y gira cuadros después de que el comprador toca o desplaza el bloque para mostrarlo. Ese patrón es la carga diferida de imágenes para un visor de productos 360 de múltiples fotogramas: protege Largest Contentful Paint y mantiene la galería principal como candidata a LCP. Spinnify 360° Studio publica marcos WebP y AVIF en Spinnify CDN con comportamiento de apertura en interacción de forma predeterminada. Evite cargar con impaciencia cada fotograma al cargar el documento.
Las incrustaciones pesadas de 360° no superan las auditorías de PageSpeed por una razón predecible: tratan treinta y seis imágenes como un héroe gigante. Luego, los comerciantes eliminan el giro por completo y pierden el valor de inspección. La carga diferida de imágenes en la página del producto soluciona el problema cuando se separa la pintura del póster de la búsqueda del marco.
Este instructivo se aplica a cualquier escaparate, con Spinnify como implementación de referencia. Spinnify es un servicio completo de captura a widget, no un agrupador de panoramas. El precio del plan es el spinnify.io/pricing.
Por qué la carga diferida supera a las incrustaciones de giros ansiosos
Las incrustaciones ansiosas descargan el reproductor, precargan bucles y, a veces, realizan análisis antes de que el comprador toque la galería. En dispositivos móviles que compiten con el héroe de su producto por el ancho de banda y el tiempo del hilo principal. La carga diferida pospone los bytes no críticos hasta que la intención sea clara.
| Patrón | Impacto del PCC | Experiencia del comprador |
|---|---|---|
| Giro completo ansioso | Alto riesgo: muchas imágenes compiten con el héroe. | Giro instantáneo, primera pintura lenta. |
| Póster + toque para abrir | Riesgo bajo: el héroe sigue siendo LCP | Un toque y luego arrastre suavemente |
| Carga diferida de intersección | Medio: se carga cuando se desplaza cerca | Bueno para giros por debajo del pliegue |
| CDN WebP/AVIF | Bytes más pequeños por cuadro | Misma sensación de arrastre, menos datos |
Carga diferida de imágenes en páginas de productos
Trate el giro como una pila de imágenes, no como un archivo multimedia. La carga diferida de imágenes significa que el navegador pinta el póster y luego recupera el cuadro N solo después de tocar o intersección. Nunca bloquees la primera pintura con un zip de treinta y seis archivos JPEG en el origen de la tienda. Prefiera Spinnify CDN WebP y AVIF para que cada cuadro sea pequeño una vez que el comprador abra el visor de productos 360.
Core Web Vitals y LCP para widgets 360
Core Web Vitals en un PDP generalmente falla cuando LCP es un cuadro giratorio de carga tardía en lugar del héroe estático. Mantenga la pintura con contenido más grande en el cartel. Tocar para abrir también limita el riesgo de INP debido al trabajo intenso del guión durante la primera interacción. Después de la implementación, verifique Core Web Vitals en la preparación con el mismo tema y SKU que envía.
Lista de verificación universal
Mantenga widget.js asíncrono o aplace. Nunca bloquees el renderizado con recursos de giro. Asigne un cartel por SKU. Precapture como máximo el primer fotograma después del toque, no todo el bucle. Ofrezca formatos modernos desde CDN en lugar de pilas JPEG de gran tamaño en el origen de la tienda.
Publica un giro perezoso en minutos:Abrir Spinnify 360° Studio. Ver tambiénShopify Velocidad de página de giro de 360°ySpinnify precios.
