Tengo un video de 63 MB en mi sitio web. Debería comenzar a reproducirse justo después de abrir el sitio, pero en lugar de eso, se colgó durante 20-30 segundos.
Elegí la resolución mínima 720p, codificación H-264. ¿Qué más puedo hacer para aumentar la experiencia del usuario?
Puedes ver aquí el tiempo de carga:
https://sendmade-portal-vercel.vercel.app/hu/product/zer-jewel-rez-gyertyatarto
Así es como se usa el video :
<video ref={videoRef} width="100%" muted loop playsInline controls={props.isControlsVisible == true} autoPlay={props.isAutoplay == true} style={{ width: "100%", height: "auto", zIndex: -1, }}65 MB es demasiado para usar video como fondo. Debes cumplir con lo siguiente:
Tu video debe estar en silencio (eliminar audio)
Use una imagen predeterminada (no importa cuán pequeño sea su video, tomará unos segundos cargarlo y mostrarlo)
Eliminar el video en tamaño móvil
Su video debe ser corto (según la experiencia, la mejor oferta es de 10 a 20 segundos)
Puede usar el programa HandBrake (es gratis) para reducir el tamaño del video con una reducción mínima de la calidad. En la prueba, el tamaño de su video se redujo a 7 MB (uso la opción Muy rápido 720p30 y en la pestaña de video seleccioné 24FPS)