Integración de Lazy Loading en Angular Universal ¿Posible?

  • Autor Autor darkgyro
  • Fecha de inicio Fecha de inicio
D

darkgyro

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Pues eso muchachos,
Tengo un portal bastante grande (aprox 600.000 urls, contando solo las páginas que quiero indexar en google). Dicho portal está desarrollado en Angular versión 6. Le he aplicado Angular Universal (prerenderizador) para que nuestro adorado Googlebot pueda rastrear todo el contenido sin problemas. Ahora estoy en la necesidad de disminuir la velocidad de carga para móviles; En promedio cada URL posee unas 20 imágenes, y deseo aplicar un script de Lazy loading para las imágenes. He probado "chorrocientos mil" scripts pero al parecer ninguno es compatible con el prerender.

Esa es la introducción de mi problematica. Ahora vienen las dudas...

1. Alguien ha sido capaz de integrar algun script de lazy loading (para imagenes) con el prerender Angular Universal?
2. Es totalmente necesario aplicar un prerenderizador?
3. Que tan avanzado está Googlebot (javascript) para eliminar el prerenderizador, si sería capaz de rastrearme una buena cantidad de URLs diarias? Teniendo en cuenta que actualmente con el prerender prendido googlebot me está rastreando en promedio 150.000 urls diarias.

Si saben de algo, por tonto que sea, les agradezco que lo compartan, el conocimiento colectivo siempre es mas fuerte.
Saludos y gracias!!

Por cierto, si alguien quiere ver la web en acción es esta: https://www.ciencuadras.com
 
Última edición:
Pues eso muchachos,
Tengo un portal bastante grande (aprox 600.000 urls, contando solo las páginas que quiero indexar en google). Dicho portal está desarrollado en Angular versión 6. Le he aplicado Angular Universal (prerenderizador) para que nuestro adorado Googlebot pueda rastrear todo el contenido sin problemas. Ahora estoy en la necesidad de disminuir la velocidad de carga para móviles; En promedio cada URL posee unas 20 imágenes, y deseo aplicar un script de Lazy loading para las imágenes. He probado "chorrocientos mil" scripts pero al parecer ninguno es compatible con el prerender.

Esa es la introducción de mi problematica. Ahora vienen las dudas...

1. Alguien ha sido capaz de integrar algun script de lazy loading (para imagenes) con el prerender Angular Universal?
2. Es totalmente necesario aplicar un prerenderizador?
3. Que tan avanzado está Googlebot (javascript) para eliminar el prerenderizador, si sería capaz de rastrearme una buena cantidad de URLs diarias? Teniendo en cuenta que actualmente con el prerender prendido googlebot me está rastreando en promedio 150.000 urls diarias.

Si saben de algo, por tonto que sea, les agradezco que lo compartan, el conocimiento colectivo siempre es mas fuerte.
Saludos y gracias!!

Por cierto, si alguien quiere ver la web en acción es esta: https://www.ciencuadras.com
¡Hola!

1. Integrar lazy loading de imágenes con Angular Universal puede ser un desafío, pero no imposible. Algunas opciones que podrías considerar es utilizar la directiva IntersectionObserver que es compatible con Angular y también es compatible con el prerenderizado de Angular Universal. Otra opción es implementar una solución personalizada que se adapte a tus necesidades específicas.

2. El prerenderizado es importante para garantizar que Googlebot pueda rastrear y indexar correctamente tu sitio web, especialmente si tu contenido se genera dinámicamente con JavaScript. Aunque el prerenderizador añade complejidad, puede ser fundamental para mejorar la visibilidad en los motores de búsqueda.

3. Aunque Googlebot ha mejorado en su capacidad para rastrear y ejecutar JavaScript, sigue siendo recomendable utilizar un prerenderizador para asegurarte de que todo el contenido de tu sitio web sea rastreado de manera eficiente. Hasta que Googlebot pueda rastrear y renderizar completamente sitios web basados en JavaScript de forma fiable, el prerenderizado sigue siendo una buena práctica.

Espero que esta información te sea útil. ¡Buena suerte con la optimización de tu sitio web!
 
Atrás
Arriba