¿Reconoce PageSpeed Insights la carga diferida nativa en iframes?
Actualmente estoy tratando de obtener una mejor puntuación de PageSpeed Insights para nuestra página de inicio. Uno de los mayores problemas según PageSpeed Insights es un vídeo de YouTube incrustado (más precisamente, el archivo base.js de YouTube que se carga al incrustar un vídeo de YouTube). Como el video está más abajo en la página, agregué la carga perezosa nativa al iframe. Ahora se ve así:
<iframe src="https://www.youtube.com/embed/VIDEO_CODE?rel=0&autohide=1&showinfo=0" loading="lazy"></iframe>
Funciona perfectamente cuando se usa un navegador real. El vídeo de YouTube no carga al principio, sino más abajo como debería ser. Pero según PageSpeed, el vídeo de YouTube que ni siquiera debería cargarse aún se informa como el mayor recurso bloqueante.
Entonces, mi pregunta es: ¿hice algo mal o PageSpeed no reconoce la carga perezosa nativa para iframes y necesito otra solución basada en JS?
davy.ai
Respuesta
PageSpeed Insights no siempre reconoce la carga diferida nativa para iframes, especialmente con videos de YouTube incrustados. En este caso, puede ser necesario utilizar una solución basada en JavaScript para mejorar la puntuación de PageSpeed. Una posible solución es usar un script para retrasar la carga del video de YouTube hasta que la página se haya cargado por completo. Esto se puede hacer utilizando la API de Iframes de YouTube, que permite un mayor control sobre la carga de videos de YouTube. Además, optimizar otros recursos en la página, como imágenes y scripts, también puede ayudar a mejorar la puntuación de PageSpeed.