Tag: LAZY-LOADING
Deseo agregar carga perezosa a las imágenes en mi página web, sin embargo, he estado teniendo algunos problemas. He estado utilizando esta guía: (https://speedboostr.com/shopify-lazy-loading/). Hasta ahora he hecho todo correctamente y algunas imágenes han estado funcionando excepto por el siguiente código: <div class=”product-item {{ variant.id }}”> <div class=”product-item__thumb”> {%- if . . . Read more
Tengo una pantalla de carga que se oculta en el evento de carga de la ventana. window.addEventListener(“load”, function(){ Loader.classList.add(“hide”) }); pero también tengo imágenes que están configuradas con loading=”lazy”. Estoy intentando ocultar la pantalla de carga cuando todo excepto las imágenes haya cargado. Gracias de antemano.
Tengo una API construida en lumen y planeo consumir la respuesta json de la API en el frontend utilizando un framework de página única como Angular. El problema es que la respuesta de algunas rutas contiene una gran cantidad de datos, aproximadamente 50000 filas hasta ahora. Mi intención es enviar . . . Read more
Estoy tratando de implementar una barra de búsqueda responsive que filtra una lista de componentes puros (máximo 100 componentes mostrados a la vez). Sin embargo, hay un congelamiento de medio segundo entre escribir la letra inicial y que aparezca en la barra de búsqueda con la lista de componentes renderizados . . . Read more
Actualmente tengo las siguientes importaciones de componentes perezosos: const LazyDashboard = React.lazy(() => import(‘./pages/app/Dashboard’)); const LazyProfile = React.lazy(() => import(‘./pages/app/Profile’)); Luego, en las rutas: {userToken && <> <route exact=”” path=”/app” element=””></route><lazydashboard></lazydashboard>}/> <route exact=”” path=”/app” element=””></route><lazyprofile></lazyprofile>}/> } Al ir al dashboard, se carga un fragmento. ¡Bien! Al ir al perfil, se . . . Read more