Category : lazy-loading

I have several modules which I want to call lazy. In my project I have a dashboard module whose component is loaded after a successful login. This works. In this module I have more submodules. For example overview. I have built a simple sidebar. When the link overview is clicked, the module overview should be ..

Read more

I have a project where use react-router v3 only for one reason. The reason is the need of server side rendering with data prefetching and the most convenient way to do this is to keep centralized route config in an object or array and loop over the matching elements to fetch the data from the ..

Read more

My img tag have : a data-src which is the HD image an src which is very small version of the HD image (< 2kb), just to give the correct img ratio. Then, I have done a small lazy load function like this : function lazyLoad() { document.querySelectorAll(‘img’).forEach(img => { new IntersectionObserver( (entries, observer) => ..

Read more

I’ve implemented lazy load images to most of my website (USING THIS https://github.com/tuupola/lazyload), however I have a shop page which is a load of thumbnails which are using the background-image tag, the code I have is as follows (it’s running on smarty template system) :- {section name=c loop=$cats->mCats} <div class="block"><a class="clearfix" href="{$smarty.const.SITE_ROOT}/{$cats->mCats[c].menulinktext}/"><span class="thumb" style="background-image: url({$smarty.const.SITE_ROOT}{$smarty.const.IMG_DIR}/thumbnails/{$cats->mCats[c].img_category});"></span><span ..

Read more

so I have an iframe where the images in the iframe are set to lazy load but the lazy load won’t trigger on small screens or some browsers. <iframe src=’https://opensea.io/collection/sorare?embed=true’ width=’100%’ height=’2500′ frameborder=’0′ allowfullscreen> </iframe> is there a way to trigger the lazy load within the iframe on page load. maybe ("img.lazyload").trigger("appear"); or lazyLoadInstance.update() How ..

Read more