Estoy tratando de subir mis puntajes de faro cargando un video después de que la página se haya cargado por completo. Está después del pliegue y no se verá hasta que se desplace, por lo que quiero que primero cargue todo en la página para que pueda obtener un FCP rápido y luego cargue el video después de todo.

Esto no parece funcionar en términos de aumentar mi puntuación de Lighthouse...

 export default function AboutUs() { const [loadVideos, setLoadVideos] = useState(false) useEffect(() => { setLoadVideos(true) }, []) .....etc etc..... {loadVideos && ( <video autoPlay muted playsInline loop preload="none" poster="/images/charge_poster.jpg" > <source src="/videos/charge.mp4" type="video/mp4" /> </video> )} ..Closing tags etc

¿Hay una mejor manera? No quiero cargar en el desplazamiento porque entonces el video tendrá que cargarse cuando ya estén allí. Simplemente cargue después de HTML, CSS e imágenes preferiblemente.

Gracias