I want to know if it is possible to upload a webpage, the images do not interfere with loading the page, ie when you open the page execute and only then read the images, for the page to open 1 second and not 3 , for example.
How can I do such a thing?
You can use the LazyLoad plugin to upload images only when they are in the visible area of your browser screen.
The advantage of this is that there is a performance gain on page load and also saves users' internet bandwidth consumption, even more when they access your site via 3G or 4G. p>
Using Lazy Load is simple. Just add the script to <head> of your page:
<script language="javascript" src="jquery.lazyload.js"></script>
Then add the class .lazy to the images that will be affected:
<img class="lazy" data-original="imagem_real.png" src="imagem_pre.png" />
And call the function in the script:
<script>
$(function(){$("img.lazy").lazyload();});
</script>
Notes:
data-original is the path of the final image, which will be loaded
when the area it is in is within the visible area of the
browser. Download the plugin and see the documentation on the link link