Cómo solucionaríais este problema:
Tengo una página de categoría que lista con un ul li de 1000 a 2000 fichas de producto. Necesito la lista completa sin paginar dinámicamente para que puedan ser tomados en cuenta todos los enlaces por los buscadores y actúe el link juice.
El problema lo tengo al filtrar y ordenar todos esos productos, que se lagea el navegador porque son demasiados. Sobre todo en dispositivos antiguos.
Qué se os ocurre?
Para solucionar el problema de rendimiento al filtrar y ordenar tantos productos en una página de categoría con una lista de enlaces de 1000 a 2000 productos, se pueden implementar algunas estrategias para optimizar la carga y la interacción en el sitio. Aquí te dejo algunas sugerencias:
1.
Lazy loading: Implementar la carga perezosa (lazy loading) es una técnica que consiste en cargar únicamente los productos visibles en la pantalla del usuario, postergando la carga de los demás productos hasta que el usuario los requiera. Esto puede mejorar significativamente el rendimiento de la página y reducir la carga inicial.
2.
Filtrado y ordenación por demanda: En lugar de cargar y mostrar todos los productos de una sola vez, considera implementar funcionalidades de filtrado y ordenación que se realicen de forma asincrónica, es decir, cuando el usuario interactúe con los filtros u opciones de ordenación. De esta forma, se reducirá la carga inicial y se optimizará la experiencia del usuario.
3.
Caché de resultados: Para minimizar la carga en el servidor y acelerar la respuesta a las consultas de filtrado y ordenación, puedes implementar un sistema de caché que almacene los resultados de las consultas más frecuentes. Esto permitirá mostrar los resultados de forma más rápida y eficiente.
4.
Optimización de imágenes y recursos: Asegúrate de reducir el tamaño de las imágenes y optimizar todos los recursos necesarios en la página para acelerar su carga. Utiliza formatos de imagen comprimidos y técnicas de compresión para reducir el tamaño de los archivos y mejorar el rendimiento general.
5.
Pruebas de rendimiento y optimización: Realiza pruebas de rendimiento en tu página para identificar cuellos de botella y áreas de mejora. Utiliza herramientas como Lighthouse, PageSpeed Insights u otras para evaluar el rendimiento y aplicar las optimizaciones necesarias.
Implementando estas estrategias, podrás mejorar el rendimiento de tu página de categoría con una lista extensa de productos y ofrecer una experiencia de usuario más fluida, especialmente en dispositivos con recursos limitados.
